diff --git a/components/src/components/atoms/Card/Card.tsx b/components/src/components/atoms/Card/Card.tsx
index 3b356cb0..4dee4024 100644
--- a/components/src/components/atoms/Card/Card.tsx
+++ b/components/src/components/atoms/Card/Card.tsx
@@ -20,7 +20,7 @@ const ContainerBox = (props: BoxProps) => (
     display="flex"
     flexDirection="column"
     gap="4"
-    padding={{ xs: '4', sm: '6' }}
+    padding={{ base: '4', sm: '6' }}
     position="relative"
     {...props}
   />
diff --git a/components/src/components/atoms/DynamicPopover/DynamicPopover.tsx b/components/src/components/atoms/DynamicPopover/DynamicPopover.tsx
index 59d3b1c3..8696d9aa 100644
--- a/components/src/components/atoms/DynamicPopover/DynamicPopover.tsx
+++ b/components/src/components/atoms/DynamicPopover/DynamicPopover.tsx
@@ -182,7 +182,7 @@ const PopoverBox = React.forwardRef<HTMLElement, BoxProps & PopoverBoxProps>(
         transform: `translate3d(0,0,0) ${$translate}`,
         ...assignInlineVars({
           [styles.popoverBoxWidth]: $width.toString(),
-          [styles.popoverBoxWidth]: $mobileWidth.toString(),
+          [styles.mobileWidth]: $mobileWidth.toString(),
         }),
       }}
       opacity={getValueForTransitionState($state.status, 'opacity')}