add extra style sx properly

IPG-Automotive-UK · Feb 20, 2024 · 6e46ba1 · 6e46ba1
1 parent 1de37d2
commit 6e46ba1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/NoWrapTypography/NoWrapTypography.stories.tsx b/src/NoWrapTypography/NoWrapTypography.stories.tsx
@@ -29,10 +29,13 @@ const Template: StoryFn<NoWrapTypographyProps> = props => {
   );
 };
 
-export const Default = {
+export const Default: {
+  args: NoWrapTypographyProps;
+  render: StoryFn<NoWrapTypographyProps>;
+} = {
   args: {
     children: "text that is too long to fit in the box",
-    sx: { fontSize: "18px", maxWidth: "250px" }
+    sx: { fontSize: "16px", maxWidth: "250px" }
   },
 
   render: Template

diff --git a/src/NoWrapTypography/NoWrapTypography.tsx b/src/NoWrapTypography/NoWrapTypography.tsx
@@ -39,7 +39,7 @@ export default function NoWrapTypography({
           textOverflow: "ellipsis",
           whiteSpace: "nowrap",
           wordBreak: "break-all",
-          ...(Array.isArray(sx) ? sx : [sx])
+          ...sx
         }}
         variant={variant}
       >