add "white space :no wrap" to avoid text inside button to take multip…

…le line
scality · Jan 3, 2025 · 03279c6 · 03279c6
1 parent 0991a0c
commit 03279c6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/lib/components/buttonv2/Buttonv2.component.tsx b/src/lib/components/buttonv2/Buttonv2.component.tsx
@@ -40,10 +40,10 @@ export const ButtonStyled = styled.button<Props>`
   text-decoration: none;
   font-family: 'Lato';
   font-weight: ${fontWeight.base};
-
   padding: ${spacing.r4} ${spacing.r8};
   font-size: ${fontSize.base};
   border-radius: ${spacing.r4};
+  white-space: nowrap;
   height: ${(props) => (props.size === 'inline' ? spacing.r24 : spacing.r32)};
   ${(props) => {
     const brand = props.theme;
@@ -198,8 +198,8 @@ export const ButtonLoader = styled(Loader)<{ label; variant }>`
         fill: ${props.variant === 'danger'
           ? props.theme.statusCritical
           : props.variant === 'outline'
-          ? props.theme.textPrimary
-          : props.theme.textSecondary};
+            ? props.theme.textPrimary
+            : props.theme.textSecondary};
       }
     `;
   }}