From 9ea3945da09aad57166f67f2be190d29c8481189 Mon Sep 17 00:00:00 2001
From: Jeesun Kim <jeesunkim@Jeesuns-MBP.localdomain>
Date: Thu, 14 Mar 2024 14:05:54 -0700
Subject: [PATCH] separate the div for expandbox

---
 src/app/(sidebar)/account/create/page.tsx | 7 +++----
 src/app/(sidebar)/account/styles.scss     | 1 +
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/(sidebar)/account/create/page.tsx b/src/app/(sidebar)/account/create/page.tsx
index 671883c7..6d24f032 100644
--- a/src/app/(sidebar)/account/create/page.tsx
+++ b/src/app/(sidebar)/account/create/page.tsx
@@ -52,11 +52,10 @@ export default function CreateAccount() {
               Fund account with Friendbot
             </Button>
           </div>
-
-          <ExpandBox isExpanded={Boolean(account.publicKey && secretKey)}>
-            <GenerateKeypair secretKey={secretKey} />
-          </ExpandBox>
         </div>
+        <ExpandBox isExpanded={Boolean(account.publicKey && secretKey)}>
+          <GenerateKeypair secretKey={secretKey} />
+        </ExpandBox>
       </Card>
     </div>
   );
diff --git a/src/app/(sidebar)/account/styles.scss b/src/app/(sidebar)/account/styles.scss
index afd4a844..1115f112 100644
--- a/src/app/(sidebar)/account/styles.scss
+++ b/src/app/(sidebar)/account/styles.scss
@@ -19,6 +19,7 @@
     display: flex;
     align-items: flex-start;
     flex-direction: column;
+    margin-top: pxToRem(24px);
     gap: pxToRem(16px);
 
     .Input__side-element--right {