diff --git a/components/src/components/atoms/Banner/Banner.tsx b/components/src/components/atoms/Banner/Banner.tsx
index e47346db..2568d89b 100644
--- a/components/src/components/atoms/Banner/Banner.tsx
+++ b/components/src/components/atoms/Banner/Banner.tsx
@@ -94,7 +94,7 @@ const IconBox = ({
     backgroundColor={getValueForAlert($alert, 'icon')}
     borderRadius="full"
     color={getValueForAlert($alert, 'svg')}
-    flex="0"
+    flex={0}
     flexBasis={{ base: '8', sm: '10' }}
     height={{ base: '8', sm: '10' }}
     width={{ base: '8', sm: '10' }}
diff --git a/components/src/components/atoms/Card/Card.tsx b/components/src/components/atoms/Card/Card.tsx
index 0faa166b..3b356cb0 100644
--- a/components/src/components/atoms/Card/Card.tsx
+++ b/components/src/components/atoms/Card/Card.tsx
@@ -30,8 +30,8 @@ export const CardDivider = (props: BoxProps) => (
   <Box
     backgroundColor="border"
     height="px"
-    mx={{ xs: '$-4', sm: '$-6' }}
-    width={{ xs: '$dialogMobileWidth', sm: '$dialogDesktopWidth' }}
+    mx={{ xs: '-4', sm: '-6' }}
+    width={{ xs: 'dialogMobileWidth', sm: 'dialogDesktopWidth' }}
     {...props}
   />
 )
diff --git a/components/src/components/atoms/DynamicPopover/DynamicPopover.tsx b/components/src/components/atoms/DynamicPopover/DynamicPopover.tsx
index 7ab202d5..523203ad 100644
--- a/components/src/components/atoms/DynamicPopover/DynamicPopover.tsx
+++ b/components/src/components/atoms/DynamicPopover/DynamicPopover.tsx
@@ -194,7 +194,7 @@ const PopoverBox = React.forwardRef<HTMLElement, BoxProps & PopoverBoxProps>(
       )}
       visibility={getValueForTransitionState($state.status, 'visibility')}
       width={{ xs: makeWidth($mobileWidth), sm: makeWidth($width) }}
-      zIndex="999999"
+      zIndex={999999}
     />
   ),
 )