fix values not being appended with px in the DynamicPopover

ensdomains · Jan 7, 2025 · 701a812 · 701a812
1 parent b6ee2d6
commit 701a812
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/src/components/atoms/DynamicPopover/DynamicPopover.tsx b/components/src/components/atoms/DynamicPopover/DynamicPopover.tsx
@@ -181,8 +181,8 @@ const PopoverBox = React.forwardRef<HTMLElement, BoxProps & PopoverBoxProps>(
         top: getValueForTransitionState($state.status, 'topFunc')($y),
         transform: `translate3d(0,0,0) ${$translate}`,
         ...assignInlineVars({
-          [styles.popoverBoxWidth]: $width.toString(),
-          [styles.mobileWidth]: $mobileWidth.toString(),
+          [styles.popoverBoxWidth]: typeof $width === 'string' ? $width : `${$width}px`,
+          [styles.mobileWidth]: typeof $mobileWidth === 'string' ? $mobileWidth : `${$mobileWidth}px`,
         }),
       }}
       opacity={getValueForTransitionState($state.status, 'opacity')}