From 5581bb7cdf3fd9e6b3d9b768d234ce4867c6df15 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Tue, 3 Feb 2026 13:54:05 -0800
Subject: touchups

---
 src/components/Mnemonic.svelte | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Mnemonic.svelte b/src/components/Mnemonic.svelte
index 117c98f2..aa63c728 100644
--- a/src/components/Mnemonic.svelte
+++ b/src/components/Mnemonic.svelte
@@ -2,14 +2,16 @@
   let { mnemonic } = $props();
 </script>
 
-<div class="card">
+<div class="card w-full">
   <div
-    class="card-body text-secondary grid grid-flow-col grid-rows-6 sm:grid-rows-none grid-cols-2 sm:grid-cols-3 sm:grid-flow-row gap-x-8 gap-y-2 justify-center whitespace-nowrap m-auto"
+    class="card-body w-full text-secondary grid grid-flow-col grid-rows-6 sm:grid-rows-none grid-cols-2 sm:grid-cols-3 sm:grid-flow-row gap-x-8 gap-y-2 justify-center justify-items-center whitespace-nowrap text-xl"
   >
     {#each mnemonic.split(" ") as w, i}
-      <div>
-        <span class="select-none text-neutral">{i + 1}.</span>
-        <span>{@html w === "-" ? "&mdash;" : w}</span>
+      <div class="flex items-center gap-2 w-full max-w-[10rem] justify-start">
+        <span class="select-none text-sm w-6 text-left">{i + 1}.</span>
+        <span class="text-left">
+          {@html w === "-" ? "&mdash;" : w}
+        </span>
       </div>
     {/each}
   </div>
-- 
cgit v1.2.3