diff --git a/components/Navbar/Navbar.module.css b/components/Navbar/Navbar.module.css
index 9cdd5d30e..2d1ee4b07 100644
--- a/components/Navbar/Navbar.module.css
+++ b/components/Navbar/Navbar.module.css
@@ -1,7 +1,3 @@
-.root {
-  @apply;
-}
-
 .container {
   @apply flex justify-between items-center flex-row px-6 h-20 relative border-gray-100 border-b;
 }
diff --git a/components/Searchbar/Searchbar.module.css b/components/Searchbar/Searchbar.module.css
index bce0bd3c4..844b371e3 100644
--- a/components/Searchbar/Searchbar.module.css
+++ b/components/Searchbar/Searchbar.module.css
@@ -8,7 +8,7 @@
 }
 
 .input {
-  @apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg;
+  @apply bg-transparent px-3 py-2 appearance-none w-full transition duration-150 ease-in-out rounded-lg text-accent-4;
   min-width: 300px;
 }
 
diff --git a/components/Searchbar/Searchbar.tsx b/components/Searchbar/Searchbar.tsx
index 4245d5b89..5b43ef09a 100644
--- a/components/Searchbar/Searchbar.tsx
+++ b/components/Searchbar/Searchbar.tsx
@@ -17,8 +17,8 @@ const Searchbar: FunctionComponent<Props> = ({ className }) => {
           <div className={s.iconContainer}>
             <svg className={s.icon} fill="currentColor" viewBox="0 0 20 20">
               <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
+                fillRule="evenodd"
+                clipRule="evenodd"
                 d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
               />
             </svg>
diff --git a/pages/index.tsx b/pages/index.tsx
index e2c7b769c..6629b829b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -10,7 +10,7 @@ export default function Home() {
       />
       <Navbar />
       <Container className="px-4 py-5 h-screen">
-        <div className="grid grid-cols-1 gap-6 h-full lg:grid-cols-3 lg:grid-rows-2">
+        <div className="grid grid-cols-1 h-full lg:grid-cols-3 lg:grid-rows-2">
           <div className="lg:row-span-2 lg:col-span-2 bg-indigo-700 h-full"></div>
           <div className="lg:row-span-1 lg:col-span-1 bg-black h-full"></div>
           <div className="lg:row-span-1 lg:col-span-1 bg-red-500"></div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 24a14608b..514671aa7 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -11,9 +11,16 @@ module.exports = {
     extend: {
       colors: {
         "accent-1": "#333",
+        "accent-4": "#888",
+        violet: "#7928CA",
+        pink: "#FF0080",
+        cyan: "#50E3C2",
       },
     },
   },
   variants: {},
   plugins: [require("@tailwindcss/ui")],
+  experimental: {
+    applyComplexClasses: true,
+  },
 };
diff --git a/ui/Logo/Logo.tsx b/ui/Logo/Logo.tsx
index 31e2856bd..96880c05b 100644
--- a/ui/Logo/Logo.tsx
+++ b/ui/Logo/Logo.tsx
@@ -14,25 +14,25 @@ const Logo = () => (
       d="M1.00032 7.45572H0.847148L0.847146 7.60888L0.84683 26.3794L0.846827 26.5326H1H3.35085H3.50402V26.3794V11.0488L15.5865 26.4613L15.6325 26.52H15.7071H18.593H18.9075L18.7136 26.2724L4.02996 7.51447L3.98397 7.45572H3.90935H1.00032Z"
       fill="black"
       stroke="black"
-      stroke-width="0.30634"
+      strokeWidth="0.30634"
     />
     <path
       d="M72.7815 7.63232V7.47915H72.6284H65.1018H64.9486V7.63232V9.94681V10.1H65.1018H72.4752V26.4028V26.556H72.6284H74.914H75.0672V26.4028V10.1H82.556H82.7092V9.94681V7.63232V7.47915H82.556H74.7986H74.7322L74.6868 7.52755L72.7815 9.55953V7.63232Z"
       fill="black"
       stroke="black"
-      stroke-width="0.30634"
+      strokeWidth="0.30634"
     />
     <path
       d="M25.5445 17.8767H33.7028H33.856V17.7235V15.8719V15.7187H33.7028H27.2383H27.1748L27.1299 15.7637L25.5445 17.3531V10.041H36.4734H36.6265V9.88786V7.63232V7.47915H36.4734H23.1365H22.9833V7.63232V26.3797V26.5329H23.1365H36.4734H36.6265V26.3797V24.284V24.1308H36.4734H25.5445V17.8767Z"
       fill="black"
       stroke="black"
-      stroke-width="0.30634"
+      strokeWidth="0.30634"
     />
     <path
       d="M59.6859 7.67494L59.8579 7.43301L59.561 7.43301L56.7236 7.43301L56.6484 7.43301L56.6024 7.49249L50.8466 14.9361L45.091 7.51545L45.045 7.45616L44.9699 7.45616L42.0145 7.45616L41.7035 7.45616L41.8931 7.70271L43.6728 10.0167L43.6731 10.0172L49.0095 17.0137L43.6716 24.2008L43.6704 24.2024L42.1443 26.3132L41.9687 26.5561L42.2685 26.5561L44.9699 26.5561L45.0449 26.5561L45.0909 26.4969L50.8466 19.0886L56.6025 26.5199L56.6485 26.5793L56.7236 26.5793L59.561 26.5793L59.7142 26.5793L59.7142 26.4261L59.7142 26.403L59.7142 26.3499L59.6814 26.3082L58.0206 24.199L52.684 17.0137L58.0207 10.0167L58.0208 10.0168L58.0238 10.0126L59.6859 7.67494ZM59.6859 7.67494L59.561 7.58618L59.561 7.58618L59.6859 7.67494Z"
       fill="black"
       stroke="black"
-      stroke-width="0.30634"
+      strokeWidth="0.30634"
     />
   </svg>
 );