style: fix Hero spacings

safe-global · Nov 7, 2024 · aa03804 · aa03804
1 parent f41112e
commit aa03804
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/Wallet/Hero/index.tsx b/src/components/Wallet/Hero/index.tsx
@@ -41,7 +41,9 @@ const Hero = ({
 
           <Typography className={css.text}>{text}</Typography>
 
-          <ButtonsWrapper buttons={buttons} />
+          <div className={css.buttonsWrapper}>
+            <ButtonsWrapper buttons={buttons} />
+          </div>
         </div>
       </Container>
 

diff --git a/src/components/Wallet/Hero/styles.module.css b/src/components/Wallet/Hero/styles.module.css
@@ -20,7 +20,6 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 48px;
 }
 
 .caption {
@@ -36,6 +35,14 @@
   color: var(--mui-palette-primary-text);
 }
 
+.text {
+  margin-top: 24px;
+}
+
+.buttonsWrapper {
+  margin-top: 40px;
+}
+
 .logosWrapper {
   margin-top: 24px;
   display: flex;