magic

openfun · Apr 4, 2022 · 0512ff4 · 0512ff4
1 parent 694c6c6
commit 0512ff4
Showing 1 changed file with 27 additions and 21 deletions.
diff --git a/src/frontend/components/Button/ButtonLayout/index.tsx b/src/frontend/components/Button/ButtonLayout/index.tsx
@@ -69,27 +69,33 @@ export const ButtonLayout = ({
   return (
     <Box align="center" fill>
       {Icon && (
-        <Stack anchor="bottom-right" fill>
-          <IconBox screenSize={size}>
-            <Icon focusColor={rectColor} height="100%" iconColor={iconColor} />
-          </IconBox>
-          {badge && (
-            <Box
-              align="center"
-              background="white"
-              border={{
-                color: tintColor,
-                size: 'xsmall',
-              }}
-              pad={{ horizontal: '3px', vertical: '1px' }}
-              round="6px"
-            >
-              <StyledTextBadge color={tintColor} size="0.688rem">
-                {badge}
-              </StyledTextBadge>
-            </Box>
-          )}
-        </Stack>
+        <Box flex>
+          <Stack anchor="bottom-right" fill>
+            <IconBox screenSize={size}>
+              <Icon
+                focusColor={rectColor}
+                height="100%"
+                iconColor={iconColor}
+              />
+            </IconBox>
+            {badge && (
+              <Box
+                align="center"
+                background="white"
+                border={{
+                  color: tintColor,
+                  size: 'xsmall',
+                }}
+                pad={{ horizontal: '3px', vertical: '1px' }}
+                round="6px"
+              >
+                <StyledTextBadge color={tintColor} size="0.688rem">
+                  {badge}
+                </StyledTextBadge>
+              </Box>
+            )}
+          </Stack>
+        </Box>
       )}
 
       {label && (