diff --git a/app/products/page.tsx b/app/products/page.tsx
index 4c5e657..c9fea2c 100644
--- a/app/products/page.tsx
+++ b/app/products/page.tsx
@@ -3,7 +3,7 @@ import React from "react";
 
 export default function Page() {
   return (
-    <div className="mb-90">
+    <div className="bg-[#1e1d1c] pb-30">
       <ProductBanner />
       <Products />
     </div>
diff --git a/components/pages/products/slug/slider.tsx b/components/pages/products/slug/slider.tsx
index 70579ad..4cfb19b 100644
--- a/components/pages/products/slug/slider.tsx
+++ b/components/pages/products/slug/slider.tsx
@@ -1,3 +1,4 @@
+"use client";
 import { Swiper, SwiperSlide } from "swiper/react";
 import { Navigation } from "swiper/modules";
 import "swiper/css";