fix: button width when being hovered

safe-global · Oct 25, 2024 · 24497b1 · 24497b1
1 parent df105b8
commit 24497b1
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/dashboard/StakingBanner/index.tsx b/src/components/dashboard/StakingBanner/index.tsx
@@ -172,9 +172,11 @@ const StakingBanner = ({
           </Stack>
 
           <Stack direction={{ xs: 'column', md: 'row' }} spacing={2} alignItems={{ xs: 'center', md: 'flex-end' }}>
-            <Button variant="text" onClick={onHide} size="small" sx={{ whiteSpace: 'nowrap' }}>
-              Don&apos;t show again
-            </Button>
+            <Box>
+              <Button variant="text" onClick={onHide} size="small" sx={{ whiteSpace: 'nowrap' }}>
+                Don&apos;t show again
+              </Button>
+            </Box>
             <NextLink
               href={AppRoutes.stake && { pathname: AppRoutes.stake, query: { safe: router.query.safe } }}
               passHref