1 files changed, 10 insertions, 1 deletions
diff --git a/src/pages/shop/brands/index.jsx b/src/pages/shop/brands/index.jsx
index 5c01fd19..77fde173 100644
--- a/src/pages/shop/brands/index.jsx
+++ b/src/pages/shop/brands/index.jsx
@@ -1,10 +1,19 @@
 import BasicLayout from '@/core/components/layouts/BasicLayout'
+import DesktopView from '@/core/components/views/DesktopView'
+import MobileView from '@/core/components/views/MobileView'
 import BrandsComponent from '@/lib/brand/components/Brands'
 
 export default function Brands() {
   return (
     <BasicLayout>
-      <BrandsComponent />
+      <MobileView>
+        <BrandsComponent />
+      </MobileView>
+      <DesktopView>
+        <div className='container mx-auto mt-10 flex mb-3'>
+          <BrandsComponent />
+        </div>
+      </DesktopView>
     </BasicLayout>
   )
 }