From 0dd73eec541f42b8540442369b55a45da1b9c0e5 Mon Sep 17 00:00:00 2001
From: mrjvs <jellevs@gmail.com>
Date: Sat, 18 Nov 2023 15:21:11 +0100
Subject: [PATCH] make grid for passphrase display

---
 src/components/PassphraseDisplay.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PassphraseDisplay.tsx b/src/components/PassphraseDisplay.tsx
index 660418d1..9db42b63 100644
--- a/src/components/PassphraseDisplay.tsx
+++ b/src/components/PassphraseDisplay.tsx
@@ -36,10 +36,10 @@ export function PassphaseDisplay(props: { mnemonic: string }) {
           <span className="text-sm">Copy</span>
         </button>
       </div>
-      <div className="px-4 py-4 flex flex-wrap gap-x-2 gap-y-4">
+      <div className="px-4 py-4 grid grid-cols-4 gap-2">
         {individualWords.map((word) => (
           <div
-            className="px-4 rounded-md py-2 bg-authentication-wordBackground text-white font-medium"
+            className="px-4 rounded-md py-2 bg-authentication-wordBackground text-white font-medium text-center"
             key={word}
           >
             {word}