diff --git a/src/views/home.ts b/src/views/home.ts
index 1d7347b..17b363b 100644
--- a/src/views/home.ts
+++ b/src/views/home.ts
@@ -50,11 +50,11 @@ export function homePage(
         <a href="/wiki/new" class="${primaryButtonClass}">${msg.home.createAWiki}</a>
         <a href="${myWikisHref}" class="${outlineSmallButtonClass}">${msg.profile.myWikis}</a>
       </div>
-      <div class="flex flex-wrap items-center justify-center gap-x-5 gap-y-2 text-sm">
+      <div class="flex flex-col sm:flex-row sm:flex-wrap items-start sm:items-center justify-center w-fit mx-auto sm:w-auto sm:mx-0 gap-2 sm:gap-x-5 sm:gap-y-2 text-sm">
         ${step(1, msg.home.step1, "/login")}
-        <span class="${THEME.textMuted}" aria-hidden="true">&rarr;</span>
+        <span class="${THEME.textMuted} hidden sm:inline" aria-hidden="true">&rarr;</span>
         ${step(2, msg.home.step2, "/wiki/new")}
-        <span class="${THEME.textMuted}" aria-hidden="true">&rarr;</span>
+        <span class="${THEME.textMuted} hidden sm:inline" aria-hidden="true">&rarr;</span>
         ${step(3, msg.home.step3)}
       </div>
       <p class="mt-4 text-xs ${THEME.textMuted}">${msg.home.loginHint}</p>