diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 103acb8..f73a5d9 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -24,8 +24,8 @@
 				<div>
 					<div class="header-right">
 {{- if .Site.Params.ThemeStyleSwitcher }}
-						<div id="change-theme-button" style="display:none;" class="clickable-header-label">
-							<img class="color-adapting-image" width="30" src="" onclick="toggle_theme()">
+						<div id="change-theme-button" style="display:none;" class="clickable-header-label" onclick="toggle_theme()">
+							<img class="color-adapting-image" width="30" src="" alt="change theme button">
 						</div>
 {{- end }}
 					    <label id="show-hide-menu-label" class="clickable-header-label" for="toggle-1">
diff --git a/static/css/styles.css b/static/css/styles.css
index ba22ced..6491541 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -65,6 +65,8 @@ a:hover {
 /* Improvements to Hugo Chroma syntax highlighting */
 
 .highlight {
+	margin-top: 1em;
+	margin-bottom: 1em;
 	/* set the tab size for browsers that support it */
 	tab-size: 4;
 	-moz-tab-size: 4;
@@ -235,6 +237,7 @@ blockquote {
 .links {
 	font-size: 120%;
 	list-style-type: none;
+	line-height: 1;
 	padding: 0;
 	margin: 0;
 	margin-top: 9pt;
@@ -311,7 +314,7 @@ blockquote {
 body {
 	font-size: 13pt;
 	font-family: Lato, Arial, Helvetica, sans-serif;
-	line-height: 1.4em;
+	line-height: 1.4;
 	margin: 0;
 }
 
@@ -531,15 +534,15 @@ body {
 	}
 
 	.header-content {
-		margin: 10pt;
+		margin: 8pt 10pt;
 	}
 
 	.body-content {
 		margin: 10pt;
 	}
 
-	.title {
-		font-size: 130%
+	.title a {
+		vertical-align: -10%; /* we don't want the font descender space to be centered as well */
 	}
 }