diff --git a/src/App.svelte b/src/App.svelte
index 66ca3f3..35fae27 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -13,7 +13,7 @@
       key: "ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAINt3OrGyuZkH+NliwamlZJPFJsgSF4O2+V149EUhtq3l silicoflare.dev",
     },
     {
-      name: "SunFire (Raspberry Pi)",
+      name: "SunFire",
       key: "ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQDrT+NnZ8fShAaM1TVwJYxuFszZNVv4CHzhANzH3r6iXDyGKLgMKsmIHvaRJKexNUNm2SQq03JUQrOpnJGPqOsjNmrl4L2+Gdx00u2AOSlmWp4xzpY0gMYP3wI0vKizPtjPABhE/cQ3hctoIcJ2UZrsOEkgngOgrb2FVcgeYSJRZiecKFWeTygqv2pvT/n6+guGEnPuf3ERPhvVMpWnzfMAkKEmeuHdVTsqs4z0LxhtUkLYpQFEGFp8eh39UeX699zgoe+FSBzWTqn4odQNONb6JYdsk7G4Puvbzhw6uTVUdE+VQ0t7gGx4y1zry0PLTppZDlSvRLZw+9rsfea2lHS6uVtaoezMXWSkl9kOLg+8IH53WgSouSGYKqX39coGwvg/6nTz694FWJO5SmnDDVTGUADXpwkebN1cIiQeBXLNi3WbPpzF7v4HoQqdYFnhNp2ex5MwMQB2fBITGYr9EbQG6j90p7R4sBlLT8yBvNc7LlzdIKONQHLo6vsukSrM2YE= pi@sunfire",
     },
     {
@@ -25,12 +25,12 @@
 
 <!-- ui -->
 <div
-  class="w-screen h-screen flex flex-col items-center bg-background relative text-foreground font-main"
+  class="w-screen min-h-screen h-full flex flex-col items-center bg-background relative text-foreground font-main pb-10"
 >
   <Navbar />
 
-  <div class="mt-40 flex w-1/2 flex-col items-start gap-5">
-    <h1 class="text-4xl font-bold">SSH Keys</h1>
+  <div class="mt-40 flex w-full md:w-1/2 flex-col items-start gap-5 px-5 md:px-0">
+    <h1 class="text-3xl md:text-4xl font-bold">SSH Keys</h1>
 
     <div>
       I have absolutely no idea why you would want my SSH public keys. Maybe you
@@ -42,7 +42,7 @@
     <div class="mt-5 flex w-full min-w-0 flex-col items-start gap-7">
       {#each keys as key}
         <div class="flex w-full min-w-0 flex-col items-start gap-2">
-          <h2 class="text-2xl font-bold">{key.name}</h2>
+          <h2 class="text-xl md:text-2xl font-bold">{key.name}</h2>
 
           <div class="w-full min-w-0 relative">
             <div class="mockup-code w-full min-w-0">
diff --git a/src/lib/Navbar.svelte b/src/lib/Navbar.svelte
index a54b577..b59c950 100644
--- a/src/lib/Navbar.svelte
+++ b/src/lib/Navbar.svelte
@@ -2,6 +2,6 @@
     import SiF from "./SiF.svelte";
 </script>
 
-<div class="w-full absolute top-0 flex items-center justify-between p-7 px-10">
+<div class="w-full absolute top-0 flex items-center justify-between p-7 px-5 md:px-10">
     <SiF factor={7} />
 </div>
\ No newline at end of file