diff --git a/appview/pages/templates/repo/empty.html b/appview/pages/templates/repo/empty.html
index 9eff2036..e90a21c2 100644
--- a/appview/pages/templates/repo/empty.html
+++ b/appview/pages/templates/repo/empty.html
@@ -32,8 +32,10 @@
         <div class="py-6 w-fit flex flex-col gap-4">
           <p>This is an empty repository. To get started:</p>
           {{ $bullet := "mx-2 text-xs bg-gray-200 dark:bg-gray-600 rounded-full size-5 flex items-center justify-center font-mono inline-flex align-middle" }}
-          <p><span class="{{$bullet}}">1</span>Add a public key to your account from the <a href="/settings" class="underline">settings</a> page</p>
-          <p><span class="{{$bullet}}">2</span>Configure your remote to <span class="font-mono p-1 rounded bg-gray-100 dark:bg-gray-700 ">git@{{ $knot }}:{{ .RepoInfo.OwnerHandle }}/{{ .RepoInfo.Name }}<span></p>
+          <p><span class="{{$bullet}}">1</span>Add an SSH public key to your account from the <a href="/settings" class="underline">settings</a> page.
+              If you don't have one, you can generate a new SSH key pair using the following command: <code>ssh-keygen -t ed25519 -C "you@example.com"</code>
+          </p>
+          <p><span class="{{$bullet}}">2</span>Configure your remote to <code>git@{{ $knot }}:{{ .RepoInfo.OwnerHandle }}/{{ .RepoInfo.Name }}</code></p>
           <p><span class="{{$bullet}}">3</span>Push!</p>
         </div>
       </div>
diff --git a/input.css b/input.css
index 5ac9a13e..5f11462c 100644
--- a/input.css
+++ b/input.css
@@ -70,6 +70,10 @@
         details summary::-webkit-details-marker {
             display: none;
         }
+
+        code {
+            @apply font-mono p-1 rounded bg-gray-100 dark:bg-gray-700;
+        }
     }
 
     @layer components {