Add more spacing between cards and tabs

oasisprotocol · Mar 5, 2024 · 4edb01f · 4edb01f
1 parent cdd39b9
commit 4edb01f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/app/pages/ConsensusAccountDetailsPage/index.tsx b/src/app/pages/ConsensusAccountDetailsPage/index.tsx
@@ -20,6 +20,7 @@ import { ConsensusAccountDetailsContext } from './hooks'
 
 export const ConsensusAccountDetailsPage: FC = () => {
   const { t } = useTranslation()
+  const { isMobile } = useScreenSize()
   const scope = useRequiredScopeParam()
   const { network } = scope
   const { address } = useLoaderData() as AddressLoaderData
@@ -32,7 +33,7 @@ export const ConsensusAccountDetailsPage: FC = () => {
   return (
     <PageLayout>
       <ConsensusAccountDetailsCard account={account} isError={isError} isLoading={isLoading} />
-      <Grid container spacing={4}>
+      <Grid container spacing={4} sx={{ mb: isMobile ? 4 : 5 }}>
         <Grid item xs={12} md={6}>
           <BalanceDistribution account={account} isLoading={isLoading} />
         </Grid>