diff --git a/components/product/ProductSlider/ProductSlider.module.css b/components/product/ProductSlider/ProductSlider.module.css
index c07228d0b..5ad48cc3d 100644
--- a/components/product/ProductSlider/ProductSlider.module.css
+++ b/components/product/ProductSlider/ProductSlider.module.css
@@ -48,7 +48,8 @@
   @apply hidden;
 
   @screen sm {
-    @apply block absolute bottom-6 left-1/2 -translate-x-1/2 transform;
+    @apply block absolute bottom-6 left-1/2;
+    transform: translateX(-50%);
   }
 }
 
diff --git a/pages/index.tsx b/pages/index.tsx
index 44a93c1d7..9f374253b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -129,9 +129,9 @@ export default function Home({
           />
         ))}
       </Marquee>
-      <div className="py-12 flex flex-row w-full px-6">
-        <div className="pr-3 w-48 relative">
-          <div className="sticky top-32">
+      <div className="py-12 flex flex-col md:flex-row w-full px-6">
+        <div className="pr-3 w-full md:w-48 relative">
+          <div className="flex flex-row w-full justify-around mb-12 md:mb-0 md:block md:sticky md:top-32">
             <ul className="mb-10">
               <li className="py-1 text-base font-bold tracking-wide">
                 <Link href={getCategoryPath('')}>