diff --git a/public/images/new/buttons.webp b/public/images/new/buttons.webp
index ff990e7..0704855 100644
Binary files a/public/images/new/buttons.webp and b/public/images/new/buttons.webp differ
diff --git a/src/components/new_ui/oilInfo.tsx b/src/components/new_ui/oilInfo.tsx
index 7a89d30..ca9000b 100644
--- a/src/components/new_ui/oilInfo.tsx
+++ b/src/components/new_ui/oilInfo.tsx
@@ -52,8 +52,9 @@ function OilInfo() {
             >
 
                 <MotionBox
-                    justifyItems={'center'}
-                    alignItems={'center'}
+                    display="flex"
+                    justifyContent="center"
+                    alignItems="center"
                     initial={{ opacity: 0, x: -50 }}
                     animate={isMainInView ? { opacity: 1, x: 0 } : { opacity: 0, x: -50 }}
                     transition={{ duration: 0.6, delay: 0.4, ease: "easeOut" }}
@@ -69,8 +70,9 @@ function OilInfo() {
                 </MotionBox>
 
                 <MotionBox
-                    justifyItems={'center'}
-                    alignItems={'center'}
+                    display="flex"
+                    justifyContent="center"
+                    alignItems="center"
                     initial={{ opacity: 0, x: 50 }}
                     animate={isMainInView ? { opacity: 1, x: 0 } : { opacity: 0, x: 50 }}
                     transition={{ duration: 0.6, delay: 0.8, ease: "easeOut" }}