diff --git a/spirekey-web/index.html b/spirekey-web/index.html
index beb7b27e..b6e6ff93 100644
--- a/spirekey-web/index.html
+++ b/spirekey-web/index.html
@@ -10,7 +10,7 @@
     <link rel="icon" href="favicon.svg" type="image/svg+xml" />
 
     <link
-      href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@100..900&family=Kode+Mono:wght@400..700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Kode+Mono:wght@400..700&display=swap"
       rel="stylesheet"
     />
   </head>
@@ -86,7 +86,7 @@ <h4>
                   Chainweaver V3 Alpha
                 </a>
               </h4>
-              <p>
+            <p class="small">
                 Experience Kadena SpireKey authentication showcased with demo
                 wallet functionality
               </p>
@@ -100,13 +100,13 @@ <h4>
                   >NFT Minting</a
                 >
               </h4>
-              <p>Mint your own demo NFT using Kadena SpireKey authentication</p>
+            <p class="small">Mint your own demo NFT using Kadena SpireKey authentication</p>
             </div>
           </div>
         </section>
       </div>
       <footer class="action-bar">
-        <p>Not a developer?</p>
+        <p class="small">Not a developer?</p>
         <a
           class="button outline"
           href="https://kadena.io/spirekey"
diff --git a/spirekey-web/style.css b/spirekey-web/style.css
index d0bec45f..4d7a7cff 100644
--- a/spirekey-web/style.css
+++ b/spirekey-web/style.css
@@ -146,6 +146,13 @@ h3 {
   margin-block-end: 1rem;
 }
 
+p {
+  &.small {
+    font-size: 0.875rem;
+    line-height: 1.125rem;
+  }
+}
+
 .logo {
   padding-block-end: 0rem;
 }