From 596490878ca5ae2b8a86cb830918789d3af682a5 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Wed, 20 Nov 2024 14:22:43 -0800
Subject: styles

---
 src/components/Mnemonic.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/components/Mnemonic.svelte')

diff --git a/src/components/Mnemonic.svelte b/src/components/Mnemonic.svelte
index 93035230..117c98f2 100644
--- a/src/components/Mnemonic.svelte
+++ b/src/components/Mnemonic.svelte
@@ -2,13 +2,13 @@
   let { mnemonic } = $props();
 </script>
 
-<div class="flex w-full border p-4 rounded-2xl h-full">
+<div class="card">
   <div
-    class="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 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"
   >
     {#each mnemonic.split(" ") as w, i}
       <div>
-        <span class="select-none text-black">{i + 1}.</span>
+        <span class="select-none text-neutral">{i + 1}.</span>
         <span>{@html w === "-" ? "&mdash;" : w}</span>
       </div>
     {/each}
-- 
cgit v1.2.3