diff --git a/src/components/TableOfContents.astro b/src/components/TableOfContents.astro
index 2f776a1..a072032 100644
--- a/src/components/TableOfContents.astro
+++ b/src/components/TableOfContents.astro
@@ -46,7 +46,7 @@ const grouppedHeadings = headings.reduce((array, heading) => {
 
 <style>
   #table-of-contents {
-    margin: 2rem 0;
+    margin: 2.25rem 0;
     padding: 0.5rem;
     border: 1px solid #fff;
     border-left: none;
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 1210200..07ce1f9 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -56,13 +56,13 @@ const [category] = categories;
 
   <style>
     h1.title {
-      line-height: 1.3;
-      margin-bottom: 1.5rem;
+      line-height: 1.25;
+      margin-bottom: 0.5rem;
     }
 
     #metadata p {
       margin-top: 0;
-      margin-bottom: 0.2rem;
+      margin-bottom: 0.25rem;
     }
 
     .title {
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 1af04a9..f067910 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -1,5 +1,6 @@
 ---
-import { CollectionEntry, getCollection } from 'astro:content';
+import type { CollectionEntry } from 'astro:content';
+import { getCollection } from 'astro:content';
 
 import BlogPost from '../../layouts/BlogPost.astro';
 import TableOfContents from '../../components/TableOfContents.astro';