diff --git a/components/common/HomeAllProductsGrid/HomeAllProductsGrid.tsx b/components/common/HomeAllProductsGrid/HomeAllProductsGrid.tsx
index 8bdbc0bb7..f19e1586a 100644
--- a/components/common/HomeAllProductsGrid/HomeAllProductsGrid.tsx
+++ b/components/common/HomeAllProductsGrid/HomeAllProductsGrid.tsx
@@ -23,7 +23,7 @@ const Head: FC<Props> = ({ categories, brands, newestProducts }) => {
               </Link>
             </li>
             {categories.map((cat: any) => (
-              <li key={cat.path} className="py-1 text-accents-8">
+              <li key={cat.path} className="py-1 text-accents-8 text-base">
                 <Link href={getCategoryPath(cat.path)}>
                   <a>{cat.name}</a>
                 </Link>
@@ -37,7 +37,7 @@ const Head: FC<Props> = ({ categories, brands, newestProducts }) => {
               </Link>
             </li>
             {brands.flatMap(({ node }: any) => (
-              <li key={node.path} className="py-1 text-accents-8">
+              <li key={node.path} className="py-1 text-accents-8 text-base">
                 <Link href={getDesignerPath(node.path)}>
                   <a>{node.name}</a>
                 </Link>
diff --git a/tailwind.config.js b/tailwind.config.js
index 4a9e6549a..9b7336f1c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,7 @@
 module.exports = {
   future: {
     purgeLayersByDefault: true,
+    applyComplexClasses: true,
   },
   purge: {
     content: [
@@ -50,11 +51,11 @@ module.exports = {
           'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px',
       },
       lineHeight: {
-        'extra-loose': '2.2'
+        'extra-loose': '2.2',
       },
       scale: {
-        '120': '1.2',
-      }
+        120: '1.2',
+      },
     },
   },
   plugins: [require('@tailwindcss/ui')],