use css object

mui · Jun 14, 2024 · e340800 · e340800
1 parent b8e2df0
commit e340800
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/packages/pigment-css-react/src/Stack.jsx b/packages/pigment-css-react/src/Stack.jsx
@@ -27,10 +27,6 @@ const stackAtomics = generateAtomics(({ theme }) => {
   };
 });
 
-const baseStack = css({
-  display: 'flex',
-});
-
 /**
  * Return an array with the separator React element interspersed between
  * each React node of the input children.
@@ -78,7 +74,13 @@ const Stack = React.forwardRef(function Stack(
   return (
     <Component
       ref={ref}
-      className={clsx(baseStack, stackClasses.className, className)}
+      className={clsx(
+        css({
+          display: 'flex',
+        }),
+        stackClasses.className,
+        className,
+      )}
       style={{ ...style, ...stackClasses.style }}
       {...rest}
     >