fix: disabled "Enable all" button height (#2574)

* fix: button height * fix: comment
safe-global · Oct 2, 2023 · 5d5466d · 5d5466d
1 parent 8fcb5df
commit 5d5466d
Showing 1 changed file with 14 additions and 13 deletions.
diff --git a/src/components/settings/PushNotifications/PushNotificationsBanner/index.tsx b/src/components/settings/PushNotifications/PushNotificationsBanner/index.tsx
@@ -167,10 +167,11 @@ export const PushNotificationsBanner = ({ children }: { children: ReactElement }
               Get notified about pending signatures, incoming and outgoing transactions and more when Safe{`{Wallet}`}{' '}
               is in the background or closed.
             </Typography>
-            <div className={css.buttons}>
-              {totalAddedSafes > 0 && (
-                <CheckWallet>
-                  {(isOk) => (
+            {/* Cannot wrap singular button as it causes style inconsistencies */}
+            <CheckWallet>
+              {(isOk) => (
+                <div className={css.buttons}>
+                  {totalAddedSafes > 0 && (
                     <Button
                       variant="contained"
                       size="small"
@@ -181,16 +182,16 @@ export const PushNotificationsBanner = ({ children }: { children: ReactElement }
                       Enable all
                     </Button>
                   )}
-                </CheckWallet>
-              )}
-              {safe && (
-                <Link passHref href={{ pathname: AppRoutes.settings.notifications, query }} onClick={onCustomize}>
-                  <Button variant="outlined" size="small" className={css.button}>
-                    Customize
-                  </Button>
-                </Link>
+                  {safe && (
+                    <Link passHref href={{ pathname: AppRoutes.settings.notifications, query }} onClick={onCustomize}>
+                      <Button variant="outlined" size="small" className={css.button}>
+                        Customize
+                      </Button>
+                    </Link>
+                  )}
+                </div>
               )}
-            </div>
+            </CheckWallet>
           </Grid>
         </Grid>
       }