diff --git a/src/layouts/container-layout.astro b/src/layouts/container-layout.astro
index fcc056f..96adeb5 100644
--- a/src/layouts/container-layout.astro
+++ b/src/layouts/container-layout.astro
@@ -14,7 +14,7 @@ const { isInternalPage = false } = Astro.props;
     <link rel="icon" type="image/png" href="/favicon-96x96.png" />
     <meta
       name="viewport"
-      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
+      content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0"
     />
     <meta name="generator" content={Astro.generator} />
     <!-- Preload The Web Font -->
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 964ed96..65eb6d5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -109,7 +109,7 @@ const notes = (
             <li class="flex flex-col justify-start items-start gap-1 py-2">
               <a
                 href={`/notes/${note.slug}`}
-                class="font-normal text-lg flex-grow-0 flex-shrink-0 underline decoration-2 underline-offset-1 hover:text-thistle-700"
+                class="font-normal text-lg flex-grow-0 flex-shrink-0 underline decoration-2 underline-offset-1 hover:text-thistle-700 leading-7"
                 transition:name={`title-${note.slug}`}
                 data-astro-prefetch
               >