diff --git a/src/components/features/product/ProductDetails.tsx b/src/components/features/product/ProductDetails.tsx
index f32d6c2..c32d54a 100644
--- a/src/components/features/product/ProductDetails.tsx
+++ b/src/components/features/product/ProductDetails.tsx
@@ -47,7 +47,7 @@ export const ProductDetails = ({
         <GridItem colSpan={{ base: 12, lg: 5, xl: 4 }}>
           <Box
             width="100%"
-            bg={theme.f36.gray100}
+            bg={theme.f36.gray700}
             mb="auto"
             borderRadius={4}
             px={{ base: 4, lg: 6 }}