diff --git a/layouts/partials/about.html b/layouts/partials/about.html
index 3c23950..6c6e1bc 100644
--- a/layouts/partials/about.html
+++ b/layouts/partials/about.html
@@ -9,10 +9,7 @@
 <ul class="aside__social-links">
     {{ range $item := .Site.Params.socialLinks }}
     <li>
-        <a href="{{ $item.url }}" rel="me" aria-label="{{ $item.title }}" title="{{ $item.title }}">
-            <i class="{{ $item.icon }}" aria-hidden="true"></i>
-        </a>
-        &nbsp;
+        <a href="{{ $item.url }}" rel="me" aria-label="{{ $item.title }}" title="{{ $item.title }}"><i class="{{ $item.icon }}" aria-hidden="true"></i></a>&nbsp;
     </li>
     {{ end }}
 </ul>
diff --git a/static/css/typography.css b/static/css/typography.css
index acd00e2..a06ad18 100644
--- a/static/css/typography.css
+++ b/static/css/typography.css
@@ -104,7 +104,7 @@ ol li::marker {
 /* Blockquotes */
 blockquote {
     position: relative;
-    margin-left: 1.5rem;
+    margin: 0 0 1.5rem 1.5rem;
 }
 
 blockquote::before {
@@ -130,6 +130,11 @@ kbd {
     color: var(--bright-bg);
 }
 
+pre {
+    padding: 1.5rem;
+    margin: 0 0 1.5rem 0;
+}
+
 /* Emphasis */
 b,
 strong {
@@ -163,3 +168,20 @@ sup, sub {
 sub { 
     top: 0.25rem; 
 }
+
+/* Tables */
+table {
+    border-spacing: 0;
+    margin: 0 0 1.5rem 0;
+    overflow-wrap: anywhere;
+}
+th, td {
+    padding: 0 .75rem;
+    vertical-align: top;
+}
+th:first-child, td:first-child {
+    padding-left: 0;
+}
+th {
+    text-align: inherit;
+}