diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css
index b7fd0aa35..d0ea6d80c 100644
--- a/components/product/ProductCard/ProductCard.module.css
+++ b/components/product/ProductCard/ProductCard.module.css
@@ -69,19 +69,28 @@
   & .squareBg {
     @apply bg-gray-300 !important;
   }
+
+  & .productTitle {
+    width: 18vw;
+    margin-top: -7px;
+    font-size: 1rem;
+  }
+
+  & .productPrice {
+    @apply text-sm;
+  }
 }
 
 .productTitle {
   @apply pt-4 leading-8;
-  box-sizing: border-box;
-  width: 17vw;
-  margin-top: -1.2rem;
+  width: 400px;
+  font-size: 2rem;
+  letter-spacing: 0.4px;
 
   & span {
     @apply inline p-4 bg-primary text-primary font-bold;
     font-size: inherit;
-    line-height: inherit;
-    letter-spacing: 0.4px;
+    letter-spacing: inherit;
     box-decoration-break: clone;
     -webkit-box-decoration-break: clone;
   }
@@ -89,6 +98,7 @@
 
 .productPrice {
   @apply py-4 px-4 bg-primary text-base font-semibold inline-block text-sm leading-6;
+  letter-spacing: 0.4px;
 }
 
 .wishlistButton {
diff --git a/components/ui/Container/Container.tsx b/components/ui/Container/Container.tsx
index fa3c725f0..b8e07ee07 100644
--- a/components/ui/Container/Container.tsx
+++ b/components/ui/Container/Container.tsx
@@ -8,7 +8,7 @@ interface Props {
 }
 
 const Container: FC<Props> = ({ children, className, el = 'div' }) => {
-  const rootClassName = cn('mx-auto max-w-7xl px-6 md:px-12', className)
+  const rootClassName = cn('mx-auto max-w-7xl px-3 md:px-6', className)
 
   let Component: React.ComponentType<React.HTMLAttributes<
     HTMLDivElement
diff --git a/components/ui/Grid/Grid.module.css b/components/ui/Grid/Grid.module.css
index 15f775f9b..4ab161221 100644
--- a/components/ui/Grid/Grid.module.css
+++ b/components/ui/Grid/Grid.module.css
@@ -23,7 +23,6 @@
   @apply gap-3;
 
   & > * {
-    font-size: 1.5rem;
     min-height: 325px;
   }
 }
diff --git a/pages/search.tsx b/pages/search.tsx
index be2b28ee2..15f1b1ba0 100644
--- a/pages/search.tsx
+++ b/pages/search.tsx
@@ -59,7 +59,7 @@ export default function Search({
 
   return (
     <Container>
-      <div className="grid grid-cols-12 gap-8 mt-3 mb-20">
+      <div className="grid grid-cols-12 gap-4 mt-3 mb-20">
         <div className="col-span-2">
           <ul className="mb-10">
             <li className="py-1 text-base font-bold tracking-wide">
@@ -143,6 +143,7 @@ export default function Search({
             <Grid layout="normal">
               {data.products.map(({ node }) => (
                 <ProductCard
+                  variant="simple"
                   key={node.path}
                   className="animate__animated animate__fadeIn"
                   product={node}