Fix style

2 files changed, 3 insertions, 3 deletions

diff --git a/src/pages/shop/brands.js b/src/pages/shop/brands.js
index f39839af..07ad1f43 100644
--- a/src/pages/shop/brands.js
+++ b/src/pages/shop/brands.js
@@ -31,7 +31,7 @@ export default function Brands({ initialManufactures }) {
           dataLength={manufactures.length}
           next={getMoreManufactures}
           hasMore={hasMoreManufacture}
-          className="grid grid-cols-3 gap-4 mt-4 !overflow-x-hidden"
+          className="grid grid-cols-3 gap-4 mt-4 !overflow-x-hidden bg-white"
           loader={
             <div className="flex justify-center items-center border border-gray-300 p-1 rounded h-14">
               <Spinner className="w-6 h-6 text-gray-600 fill-gray-900"/>
@@ -40,7 +40,7 @@ export default function Brands({ initialManufactures }) {
         >
           {manufactures?.map((manufacture, index) => (
             manufacture.name ? (
-              <Link href={`/shop/brands/${createSlug(manufacture.name, manufacture.id)}`} className="flex justify-center items-center border border-gray-300 p-1 rounded h-14 text-gray-800 text-sm text-center" key={index}>
+              <Link href={`/shop/brands/${createSlug(manufacture.name, manufacture.id)}`} className="flex justify-center items-center border border-gray-300 p-1 rounded h-16 text-gray-800 text-sm text-center" key={index}>
                 {manufacture.logo ? (
                   <LazyLoadImage effect="blur" src={manufacture.logo} alt={manufacture.name || ''} className="w-full max-h-full object-contain object-center" />
                 ) : manufacture.name}
diff --git a/src/pages/shop/product/[slug].js b/src/pages/shop/product/[slug].js
index bcbebbdf..a42e6cb9 100644
--- a/src/pages/shop/product/[slug].js
+++ b/src/pages/shop/product/[slug].js
@@ -82,7 +82,7 @@ export default function ProductDetail({product}) {
       <Header title={`${product.name} - Indoteknik`}/>
       <main>
 
-        <LazyLoadImage effect="blur" src={product.image} alt={product.name} className="border-b border-gray-300 w-full h-[300px] object-contain object-center" />
+        <LazyLoadImage effect="blur" src={product.image} alt={product.name} className="border-b border-gray-300 w-full h-[300px] object-contain object-center bg-white" />
         <div className="p-4 pb-10">
           <Link href={'/shop/brands/' + createSlug(product.manufacture.name, product.manufacture.id)}>
             {product.manufacture.name ?? '-'}