diff --git a/docs/content/components/404-500.html b/docs/content/components/404-500.html
index d7c24d1..cd5d9ff 100644
--- a/docs/content/components/404-500.html
+++ b/docs/content/components/404-500.html
@@ -14,21 +14,13 @@
           d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
           fill="#1A202C"
         />
-        <path
-          d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
-          fill="#9E58E9"
-        />
-        <path
-          d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
-          fill="#7629C8"
-        />
+        <path d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z" fill="#9E58E9" />
+        <path d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z" fill="#7629C8" />
       </svg>
       <span class="sr-only">Kutty Home Page</span>
     </a>
     <p class="text-xl md:text-2xl text-black font-bold mb-3 mt-5">Page not found (404)</p>
-    <p class="text-base text-gray-700 font-medium mb-3">
-      The page you're looking for may have moved or no longer exists. Head back to our <a href="#" class="underline">homepage</a>, or take a look at one of the sections below.
-    </p>
+    <p class="text-base text-gray-700 font-medium mb-3">The page you're looking for may have moved or no longer exists. Head back to our <a href="#" class="underline">homepage</a>, or take a look at one of the sections below.</p>
   </div>
 </section>
 {{< /iframe >}}
@@ -44,14 +36,8 @@
           d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
           fill="#1A202C"
         />
-        <path
-          d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
-          fill="#9E58E9"
-        />
-        <path
-          d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
-          fill="#7629C8"
-        />
+        <path d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z" fill="#9E58E9" />
+        <path d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z" fill="#7629C8" />
       </svg>
       <span class="sr-only">Kutty Home Page</span>
     </a>
@@ -68,10 +54,7 @@
   <div class="w-full lg:w-2/3 mx-auto text-center">
     <h1 class="text-6xl font-thin mb-1 text-gray-900">404</h1>
     <p class="text-xl md:text-2xl text-gray-900 font-bold mb-3">Oh no! We couldn’t find the page you were looking for.</p>
-    <p class="text-lg text-gray-700 font-medium mb-3">
-      Have questions? Head over to our <a href="#" class="underline">product documentation</a>, visit our <a href="#" class="underline">Community</a> for tutorials and the latest
-      happenings, or go back to the <a href="#" class="underline">homepage</a>.
-    </p>
+    <p class="text-lg text-gray-700 font-medium mb-3">Have questions? Head over to our <a href="#" class="underline">product documentation</a>, visit our <a href="#" class="underline">Community</a> for tutorials and the latest happenings, or go back to the <a href="#" class="underline">homepage</a>.</p>
   </div>
 </section>
 {{< /iframe >}}
@@ -83,10 +66,7 @@ <h1 class="text-6xl font-thin mb-1 text-gray-900">404</h1>
   <div class="w-full lg:w-2/3 mx-auto text-center">
     <h1 class="text-6xl font-thin mb-1 text-gray-900">500</h1>
     <p class="text-xl md:text-2xl text-gray-900 font-bold mb-3">Sorry, our servers have crashed. We are currently working on fixing it.</p>
-    <p class="text-lg text-gray-700 font-medium mb-3">
-      Try again to in 30 minutes. Have questions? Head over to our <a href="#" class="underline">product documentation</a>, visit our
-      <a href="#" class="underline">Community</a> for tutorials and the latest happenings, or go back to the <a href="#" class="underline">homepage</a>.
-    </p>
+    <p class="text-lg text-gray-700 font-medium mb-3">Try again to in 30 minutes. Have questions? Head over to our <a href="#" class="underline">product documentation</a>, visit our <a href="#" class="underline">Community</a> for tutorials and the latest happenings, or go back to the <a href="#" class="underline">homepage</a>.</p>
   </div>
 </section>
 {{< /iframe >}}
diff --git a/docs/content/components/heroes.html b/docs/content/components/heroes.html
index 43f8361..040b6cc 100644
--- a/docs/content/components/heroes.html
+++ b/docs/content/components/heroes.html
@@ -9,9 +9,7 @@
 <section class="container mx-auto py-32 px-4">
   <div class="w-full md:w-11/12 xl:w-8/12 mx-auto text-left md:text-center">
     <h1 class="text-4xl md:text-5xl text-gray-900 leading-tight mb-3 font-bold md:font-extrabold">A secure, faster way to transfer.</h1>
-    <p class="text-lg md:text-xl text-gray-600 mb-6">
-      We’re on a mission to bring transparency to finance. We charge as little as possible, and we always show you upfront. No hidden fees. No bad exchange rates. No surprises.
-    </p>
+    <p class="text-lg md:text-xl text-gray-600 mb-6">We’re on a mission to bring transparency to finance. We charge as little as possible, and we always show you upfront. No hidden fees. No bad exchange rates. No surprises.</p>
     <form class="grid grid-cols-1 lg:grid-cols-6 gap-3 mb-8 pt-1 w-full md:w-7/12 mx-auto">
       <label class="col-auto lg:col-span-4">
         <span class="sr-only">Your Email</span>
@@ -22,31 +20,19 @@ <h1 class="text-4xl md:text-5xl text-gray-900 leading-tight mb-3 font-bold md:fo
     <div class="flex flex-col md:flex-row justify-start md:justify-center text-xs text-gray-600 space-x-0 md:space-x-8 space-y-2 md:space-y-0 mb-3">
       <div class="flex items-center">
         <svg viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 mr-1 text-green-600">
-          <path
-            fill-rule="evenodd"
-            d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-            clip-rule="evenodd"
-          ></path>
+          <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
         </svg>
         No credit card required
       </div>
       <div class="flex items-center">
         <svg viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 mr-1 text-green-600">
-          <path
-            fill-rule="evenodd"
-            d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-            clip-rule="evenodd"
-          ></path>
+          <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
         </svg>
         14 days free
       </div>
       <div class="flex items-center">
         <svg viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 mr-1 text-green-600">
-          <path
-            fill-rule="evenodd"
-            d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-            clip-rule="evenodd"
-          ></path>
+          <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
         </svg>
         Cancel anytime
       </div>
@@ -62,9 +48,7 @@ <h1 class="text-4xl md:text-5xl text-gray-900 leading-tight mb-3 font-bold md:fo
   <div class="w-full lg:w-8/12 xl:w-5/12 mx-auto">
     <p class="mb-2 text-gray-500 uppercase tracking-wide font-semibold text-xs">For Developers</p>
     <h1 class="text-3xl md:text-4xl text-gray-900 leading-tight mb-3 font-bold">Focus on your apps</h1>
-    <p class="text-base md:text-lg text-gray-600 mb-5">
-      Today every company needs apps to engage their customers and run their businesses. Step up your ability to build, manage, and deploy great apps at scale with us.
-    </p>
+    <p class="text-base md:text-lg text-gray-600 mb-5">Today every company needs apps to engage their customers and run their businesses. Step up your ability to build, manage, and deploy great apps at scale with us.</p>
     <a href="#" class="btn btn-primary btn-lg w-full sm:w-auto mb-2 sm:mb-0">Sign up for free</a>
     <a href="#" class="btn btn-light btn-lg w-full sm:w-auto mb-2 sm:mb-0">Read our blog</a>
   </div>
@@ -92,12 +76,7 @@ <h1 class="text-4xl md:text-4xl lg:text-5xl text-blue-900 leading-tight font-bol
     <p class="text-blue-800 text-sm mb-4 pr-0 lg:pr-16">Get the #1 Business Messenger and start delivering personalized experiences at every stage of the customer journey.</p>
   </div>
   <div>
-    <img
-      src="https://images.unsplash.com/photo-1531548731165-c6ae86ff6491?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=967&q=80"
-      alt="3 women looking at a laptop"
-      class="w-full object-cover h-64 md:h-full bg-gray-100"
-      loading="lazy"
-    />
+    <img src="https://images.unsplash.com/photo-1531548731165-c6ae86ff6491?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=967&q=80" alt="3 women looking at a laptop" class="w-full object-cover h-64 md:h-full bg-gray-100" loading="lazy" />
   </div>
 </section>
 {{< /iframe >}}
@@ -107,31 +86,19 @@ <h1 class="text-4xl md:text-4xl lg:text-5xl text-blue-900 leading-tight font-bol
 {{< iframe html >}}
 <section class="container mx-auto py-24 px-4">
   <div class="w-full md:w-11/12 xl:w-9/12 mx-auto text-left md:text-center">
-    <h1 class="text-4xl md:text-6xl text-gray-900 leading-none mb-6 font-extrabold tracking-normal md:tracking-tight">
-      All your <span class="bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-purple-600 w-full block lg:inline">customer feedback</span> in one single place.
-    </h1>
-    <p class="text-lg md:text-xl text-gray-600 mb-6 px-0 lg:px-24">
-      Hellonext is a feature voting software where you can allow your users to vote on features, publish roadmap, and complete your customer feedback loop.
-    </p>
+    <h1 class="text-4xl md:text-6xl text-gray-900 leading-none mb-6 font-extrabold tracking-normal md:tracking-tight">All your <span class="bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-purple-600 w-full block lg:inline">customer feedback</span> in one single place.</h1>
+    <p class="text-lg md:text-xl text-gray-600 mb-6 px-0 lg:px-24">Hellonext is a feature voting software where you can allow your users to vote on features, publish roadmap, and complete your customer feedback loop.</p>
     <div class="space-x-0 md:space-x-2 mb-4 md:mb-8">
       <a class="btn btn-primary btn-lg inline-flex justify-center items-center w-full sm:w-auto mb-2 sm:mb-0" href="#">
         Get Started
         <svg class="ml-1 w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-          <path
-            fill-rule="evenodd"
-            d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
-            clip-rule="evenodd"
-          />
+          <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd" />
         </svg>
       </a>
       <a class="btn btn-light btn-lg inline-flex justify-center items-center w-full sm:w-auto mb-2 sm:mb-0" href="#">
         Book a Demo
         <svg class="ml-1 w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
-          <path
-            fill-rule="evenodd"
-            d="M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z"
-            clip-rule="evenodd"
-          />
+          <path fill-rule="evenodd" d="M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z" clip-rule="evenodd" />
         </svg>
       </a>
     </div>
@@ -149,10 +116,7 @@ <h1 class="text-4xl md:text-6xl text-gray-900 leading-none mb-6 font-extrabold t
   <div class="grid grid-cols-1 lg:grid-cols-11 items-center gap-0 lg:gap-24 w-full xl:w-11/12 mx-auto">
     <div class="col-auto md:col-span-7 text-center lg:text-left">
       <h1 class="text-4xl md:text-5xl leading-tight md:leading-none font-bold tracking-none md:tracking-tight text-gray-900 mb-4">Ready to start your journey?</h1>
-      <p class="text-lg md:text-2xl font-light text-gray-600 mb-10 md:mb-4">
-        Low-latency voice and video feels like you’re in the same room. Wave hello over video, watch friends stream their games, or gather up and have a drawing session with screen
-        share.
-      </p>
+      <p class="text-lg md:text-2xl font-light text-gray-600 mb-10 md:mb-4">Low-latency voice and video feels like you’re in the same room. Wave hello over video, watch friends stream their games, or gather up and have a drawing session with screen share.</p>
     </div>
     <div class="col-auto md:col-span-4">
       <form class="card border-0 shadow-xl rounded-lg mb-6">
@@ -176,22 +140,8 @@ <h1 class="text-4xl md:text-5xl leading-tight md:leading-none font-bold tracking
         </div>
         <div class="card-body px-6 py-4">
           <button class="btn btn-icon btn-google py-2 w-full">
-            <svg
-              class="mr-1"
-              aria-hidden="true"
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="currentColor"
-              stroke="transparent"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            >
-              <path
-                d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28	c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233	c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934	C20.485,11.453,20.404,10.884,20.283,10.356z"
-              />
+            <svg class="mr-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="transparent" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28	c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233	c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934	C20.485,11.453,20.404,10.884,20.283,10.356z" />
             </svg>
             Continue with Google
           </button>
diff --git a/docs/content/components/login.html b/docs/content/components/login.html
index 85386e0..f6c22b9 100644
--- a/docs/content/components/login.html
+++ b/docs/content/components/login.html
@@ -19,29 +19,20 @@ <h1 class="text-lg text-left font-semibold mb-4 text-gray-900">Log in to your ac
           <span class="text-xs text-gray-700 font-medium block mb-1">Your Password</span>
           <input class="form-input" type="password" placeholder="••••••••" required />
         </label>
-        <input type="submit" class="btn btn-primary w-full py-2 mt-1" value="Login" />
+        <input type="submit" class="btn btn-primary w-full py-3 mt-1" value="Login" />
       </form>
       <div class="space-y-8">
         <div class="text-center border-b border-gray-200" style="line-height: 0px">
           <span class="bg-white text-gray-600 uppercase text-xs font-semibold tracking-wide p-2">Or</span>
         </div>
         <div class="grid grid-cols-2 gap-4">
-          <a href="#" class="btn btn-icon btn-google py-2">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="currentColor"
-              class="mr-1"
-            >
-              <path
-                d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28	c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233	c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934	C20.485,11.453,20.404,10.884,20.283,10.356z"
-              />
+          <a href="#" class="btn btn-icon btn-google py-3">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="mr-1">
+              <path d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28	c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233	c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934	C20.485,11.453,20.404,10.884,20.283,10.356z" />
             </svg>
             <span class="sr-only">Continue with</span> Google
           </a>
-          <a href="#" class="btn btn-icon btn-dark py-2">
+          <a href="#" class="btn btn-icon btn-dark py-3">
             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="mr-1">
               <path
                 d="M19.665,16.811c-0.287,0.664-0.627,1.275-1.021,1.837c-0.537,0.767-0.978,1.297-1.316,1.592	c-0.525,0.482-1.089,0.73-1.692,0.744c-0.432,0-0.954-0.123-1.562-0.373c-0.61-0.249-1.17-0.371-1.683-0.371	c-0.537,0-1.113,0.122-1.73,0.371c-0.616,0.25-1.114,0.381-1.495,0.393c-0.577,0.025-1.154-0.229-1.729-0.764	c-0.367-0.32-0.826-0.87-1.377-1.648c-0.59-0.829-1.075-1.794-1.455-2.891c-0.407-1.187-0.611-2.335-0.611-3.447	c0-1.273,0.275-2.372,0.826-3.292c0.434-0.74,1.01-1.323,1.73-1.751C7.271,6.782,8.051,6.563,8.89,6.549	c0.46,0,1.063,0.142,1.81,0.422s1.227,0.422,1.436,0.422c0.158,0,0.689-0.167,1.593-0.498c0.853-0.307,1.573-0.434,2.163-0.384	c1.6,0.129,2.801,0.759,3.6,1.895c-1.43,0.867-2.137,2.08-2.123,3.637c0.012,1.213,0.453,2.222,1.317,3.023	c0.392,0.372,0.829,0.659,1.315,0.863C19.895,16.236,19.783,16.529,19.665,16.811L19.665,16.811z M15.998,2.38	c0,0.95-0.348,1.838-1.039,2.659c-0.836,0.976-1.846,1.541-2.941,1.452c-0.014-0.114-0.021-0.234-0.021-0.36	c0-0.913,0.396-1.889,1.103-2.688c0.352-0.404,0.8-0.741,1.343-1.009c0.542-0.264,1.054-0.41,1.536-0.435	C15.992,2.127,15.998,2.254,15.998,2.38L15.998,2.38z"
@@ -70,22 +61,13 @@ <h1 class="text-lg text-left font-semibold mb-4 text-gray-900">Log in to your ac
   <div class="w-full sm:w-8/12 md:w-6/12 lg:w-4/12 xl:w-3/12 mx-auto space-y-5">
     <h1 class="text-4xl text-center text-gray-900 font-semibold">Login</h1>
     <div class="space-y-2 pb-6 border-b border-gray-200">
-      <a href="#" class="btn btn-icon btn-google w-full py-2">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="currentColor"
-          class="mr-1"
-        >
-          <path
-            d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28	c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233	c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934	C20.485,11.453,20.404,10.884,20.283,10.356z"
-          />
+      <a href="#" class="btn btn-icon btn-google w-full py-3">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="mr-1">
+          <path d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28	c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233	c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934	C20.485,11.453,20.404,10.884,20.283,10.356z" />
         </svg>
         Continue with Google
       </a>
-      <a href="#" class="btn btn-icon btn-dark w-full py-2">
+      <a href="#" class="btn btn-icon btn-dark w-full py-3">
         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="mr-1">
           <path
             d="M19.665,16.811c-0.287,0.664-0.627,1.275-1.021,1.837c-0.537,0.767-0.978,1.297-1.316,1.592	c-0.525,0.482-1.089,0.73-1.692,0.744c-0.432,0-0.954-0.123-1.562-0.373c-0.61-0.249-1.17-0.371-1.683-0.371	c-0.537,0-1.113,0.122-1.73,0.371c-0.616,0.25-1.114,0.381-1.495,0.393c-0.577,0.025-1.154-0.229-1.729-0.764	c-0.367-0.32-0.826-0.87-1.377-1.648c-0.59-0.829-1.075-1.794-1.455-2.891c-0.407-1.187-0.611-2.335-0.611-3.447	c0-1.273,0.275-2.372,0.826-3.292c0.434-0.74,1.01-1.323,1.73-1.751C7.271,6.782,8.051,6.563,8.89,6.549	c0.46,0,1.063,0.142,1.81,0.422s1.227,0.422,1.436,0.422c0.158,0,0.689-0.167,1.593-0.498c0.853-0.307,1.573-0.434,2.163-0.384	c1.6,0.129,2.801,0.759,3.6,1.895c-1.43,0.867-2.137,2.08-2.123,3.637c0.012,1.213,0.453,2.222,1.317,3.023	c0.392,0.372,0.829,0.659,1.315,0.863C19.895,16.236,19.783,16.529,19.665,16.811L19.665,16.811z M15.998,2.38	c0,0.95-0.348,1.838-1.039,2.659c-0.836,0.976-1.846,1.541-2.941,1.452c-0.014-0.114-0.021-0.234-0.021-0.36	c0-0.913,0.396-1.889,1.103-2.688c0.352-0.404,0.8-0.741,1.343-1.009c0.542-0.264,1.054-0.41,1.536-0.435	C15.992,2.127,15.998,2.254,15.998,2.38L15.998,2.38z"
@@ -103,7 +85,7 @@ <h1 class="text-4xl text-center text-gray-900 font-semibold">Login</h1>
         <span class="text-xs text-gray-700 font-medium block mb-1">Your Password</span>
         <input class="form-input" type="password" placeholder="••••••••" required />
       </label>
-      <input type="submit" class="btn btn-primary w-full py-2" value="Continue with email" />
+      <input type="submit" class="btn btn-primary w-full py-3" value="Continue with email" />
     </form>
     <div class="text-center my-2">
       <a href="#" class="underline text-gray-700 hover:text-purple-700 text-sm">Forgot password</a>
@@ -123,20 +105,12 @@ <h1 class="text-4xl text-center text-gray-900 font-semibold">Login</h1>
           d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
           fill="#1A202C"
         />
-        <path
-          d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
-          fill="#9E58E9"
-        />
-        <path
-          d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
-          fill="#7629C8"
-        />
+        <path d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z" fill="#9E58E9" />
+        <path d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z" fill="#7629C8" />
       </svg>
       <span class="sr-only">Kutty</span>
     </a>
-    <div
-      class="bg-transparent md:bg-white border-0 md:border border-gray-200 rounded-lg w-full sm:w-10/12 md:w-8/12 lg:w-6/12 xl:w-4/12 mx-auto space-y-4 px-0 md:px-6 pt-5 pb-6 mt-4 sm:mt-8 mb-0 sm:mb-5"
-    >
+    <div class="bg-transparent md:bg-white border-0 md:border border-gray-200 rounded-lg w-full sm:w-10/12 md:w-8/12 lg:w-6/12 xl:w-4/12 mx-auto space-y-4 px-0 md:px-6 pt-5 pb-6 mt-4 sm:mt-8 mb-0 sm:mb-5">
       <h1 class="text-xl text-left sm:text-center font-light mb-5 text-gray-800">Log in to your account</h1>
       <form class="space-y-4 pb-1">
         <label class="block">
@@ -175,14 +149,8 @@ <h1 class="text-xl text-left sm:text-center font-light mb-5 text-gray-800">Log i
           d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
           fill="#1A202C"
         />
-        <path
-          d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
-          fill="#9E58E9"
-        />
-        <path
-          d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
-          fill="#7629C8"
-        />
+        <path d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z" fill="#9E58E9" />
+        <path d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z" fill="#7629C8" />
       </svg>
       <span class="sr-only">Kutty</span>
     </a>
@@ -211,12 +179,7 @@ <h1 class="text-xl text-left font-light mt-6 mb-4 text-gray-800">Log in to your
     </div>
   </div>
   <div class="col-span-1 lg:col-span-8">
-    <img
-      src="https://images.unsplash.com/photo-1531548731165-c6ae86ff6491?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=967&q=80"
-      alt="3 women looking at a laptop"
-      class="w-full object-cover h-64 min-h-full bg-gray-100"
-      loading="lazy"
-    />
+    <img src="https://images.unsplash.com/photo-1531548731165-c6ae86ff6491?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=967&q=80" alt="3 women looking at a laptop" class="w-full object-cover h-64 min-h-full bg-gray-100" loading="lazy" />
   </div>
 </section>
 {{< /iframe >}}
@@ -232,14 +195,8 @@ <h1 class="text-xl text-left font-light mt-6 mb-4 text-gray-800">Log in to your
           d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
           fill="#1A202C"
         />
-        <path
-          d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
-          fill="#9E58E9"
-        />
-        <path
-          d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
-          fill="#7629C8"
-        />
+        <path d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z" fill="#9E58E9" />
+        <path d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z" fill="#7629C8" />
       </svg>
       <span class="sr-only">Kutty</span>
     </a>
@@ -268,12 +225,7 @@ <h1 class="text-xl text-left font-light mt-6 mb-4 text-gray-800">Log in to your
     </div>
   </div>
   <div class="col-span-1 lg:col-span-4">
-    <img
-      src="https://images.unsplash.com/photo-1531548731165-c6ae86ff6491?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=967&q=80"
-      alt="3 women looking at a laptop"
-      class="w-full object-cover h-64 min-h-full bg-gray-100"
-      loading="lazy"
-    />
+    <img src="https://images.unsplash.com/photo-1531548731165-c6ae86ff6491?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=967&q=80" alt="3 women looking at a laptop" class="w-full object-cover h-64 min-h-full bg-gray-100" loading="lazy" />
   </div>
 </section>
 {{< /iframe >}}
diff --git a/docs/content/components/register.html b/docs/content/components/register.html
index 3cc541f..2ac993f 100644
--- a/docs/content/components/register.html
+++ b/docs/content/components/register.html
@@ -11,22 +11,13 @@
     <h1 class="text-2xl md:text-4xl text-left font-extrabold tracking-tight mb-4 text-gray-900 leading-snug -mt-3">Sign up to our product today for free</h1>
     <div class="space-y-10 mt-8">
       <div class="grid grid-cols-2 gap-4">
-        <a href="#" class="btn btn-icon btn-google py-2">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            fill="currentColor"
-            class="mr-1"
-          >
-            <path
-              d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28	c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233	c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934	C20.485,11.453,20.404,10.884,20.283,10.356z"
-            />
+        <a href="#" class="btn btn-icon btn-google py-3">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="mr-1">
+            <path d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28	c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233	c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934	C20.485,11.453,20.404,10.884,20.283,10.356z" />
           </svg>
           <span class="sr-only">Continue with</span> Google
         </a>
-        <a href="#" class="btn btn-icon btn-dark py-2">
+        <a href="#" class="btn btn-icon btn-dark py-3">
           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="mr-1">
             <path
               d="M19.665,16.811c-0.287,0.664-0.627,1.275-1.021,1.837c-0.537,0.767-0.978,1.297-1.316,1.592	c-0.525,0.482-1.089,0.73-1.692,0.744c-0.432,0-0.954-0.123-1.562-0.373c-0.61-0.249-1.17-0.371-1.683-0.371	c-0.537,0-1.113,0.122-1.73,0.371c-0.616,0.25-1.114,0.381-1.495,0.393c-0.577,0.025-1.154-0.229-1.729-0.764	c-0.367-0.32-0.826-0.87-1.377-1.648c-0.59-0.829-1.075-1.794-1.455-2.891c-0.407-1.187-0.611-2.335-0.611-3.447	c0-1.273,0.275-2.372,0.826-3.292c0.434-0.74,1.01-1.323,1.73-1.751C7.271,6.782,8.051,6.563,8.89,6.549	c0.46,0,1.063,0.142,1.81,0.422s1.227,0.422,1.436,0.422c0.158,0,0.689-0.167,1.593-0.498c0.853-0.307,1.573-0.434,2.163-0.384	c1.6,0.129,2.801,0.759,3.6,1.895c-1.43,0.867-2.137,2.08-2.123,3.637c0.012,1.213,0.453,2.222,1.317,3.023	c0.392,0.372,0.829,0.659,1.315,0.863C19.895,16.236,19.783,16.529,19.665,16.811L19.665,16.811z M15.998,2.38	c0,0.95-0.348,1.838-1.039,2.659c-0.836,0.976-1.846,1.541-2.941,1.452c-0.014-0.114-0.021-0.234-0.021-0.36	c0-0.913,0.396-1.889,1.103-2.688c0.352-0.404,0.8-0.741,1.343-1.009c0.542-0.264,1.054-0.41,1.536-0.435	C15.992,2.127,15.998,2.254,15.998,2.38L15.998,2.38z"
@@ -50,9 +41,7 @@ <h1 class="text-2xl md:text-4xl text-left font-extrabold tracking-tight mb-4 tex
       </label>
       <input type="submit" class="btn btn-primary w-full btn-lg" value="Register" />
     </form>
-    <div class="border-t border-gray-200 mt-6 pt-6 font-medium text-gray-700 text-sm">
-      Already have an account? <a href="#" class="text-purple-700 hover:text-purple-900">Sign Up</a>
-    </div>
+    <div class="border-t border-gray-200 mt-6 pt-6 font-medium text-gray-700 text-sm">Already have an account? <a href="#" class="text-purple-700 hover:text-purple-900">Sign Up</a></div>
   </div>
   <div class="bg-gray-100 py-20 xl:py-32 px-4 md:px-40 lg:px-20 xl:px-40 space-y-10">
     <a href="/" title="Go to Kutty Home Page">
@@ -61,24 +50,14 @@ <h1 class="text-2xl md:text-4xl text-left font-extrabold tracking-tight mb-4 tex
           d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
           fill="#1A202C"
         />
-        <path
-          d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
-          fill="#9E58E9"
-        />
-        <path
-          d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
-          fill="#7629C8"
-        />
+        <path d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z" fill="#9E58E9" />
+        <path d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z" fill="#7629C8" />
       </svg>
       <span class="sr-only">Kutty Home Page</span>
     </a>
     <div class="flex space-x-3">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-6 w-6 text-purple-700 mt-1 flex-none">
-        <path
-          fill-rule="evenodd"
-          d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-          clip-rule="evenodd"
-        />
+        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
       </svg>
       <div>
         <h2 class="text-xl font-medium text-purple-700">Free account</h2>
@@ -87,11 +66,7 @@ <h2 class="text-xl font-medium text-purple-700">Free account</h2>
     </div>
     <div class="flex space-x-3">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-6 w-6 text-purple-700 mt-1 flex-none">
-        <path
-          fill-rule="evenodd"
-          d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-          clip-rule="evenodd"
-        />
+        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
       </svg>
       <div>
         <h2 class="text-xl font-medium text-purple-700">Your app platform</h2>
@@ -100,11 +75,7 @@ <h2 class="text-xl font-medium text-purple-700">Your app platform</h2>
     </div>
     <div class="flex space-x-3">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-6 w-6 text-purple-700 mt-1 flex-none">
-        <path
-          fill-rule="evenodd"
-          d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-          clip-rule="evenodd"
-        />
+        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
       </svg>
       <div>
         <h2 class="text-xl font-medium text-purple-700">Deploy now</h2>
@@ -113,11 +84,7 @@ <h2 class="text-xl font-medium text-purple-700">Deploy now</h2>
     </div>
     <div class="flex space-x-3">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-6 w-6 text-purple-700 mt-1 flex-none">
-        <path
-          fill-rule="evenodd"
-          d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-          clip-rule="evenodd"
-        />
+        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
       </svg>
       <div>
         <h2 class="text-xl font-medium text-purple-700">Free account</h2>
@@ -139,14 +106,8 @@ <h2 class="text-xl font-medium text-purple-700">Free account</h2>
           d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
           fill="#1A202C"
         />
-        <path
-          d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
-          fill="#9E58E9"
-        />
-        <path
-          d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
-          fill="#7629C8"
-        />
+        <path d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z" fill="#9E58E9" />
+        <path d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z" fill="#7629C8" />
       </svg>
       <span class="sr-only">Kutty Home Page</span>
     </a>
@@ -170,10 +131,7 @@ <h1 class="text-xl md:text-3xl font-medium text-gray-800 text-center mb-1">Creat
       <input type="submit" class="btn btn-primary w-full btn-lg" value="Sign Up" />
     </form>
 
-    <p class="text-xs font-medium text-gray-700 text-center my-5">
-      By clicking "Sign Up" you agree to our <a href="#" class="text-purple-700 hover:text-purple-900">Terms of Service</a> and
-      <a href="#" class="text-purple-700 hover:text-purple-900">Privacy Policy</a>.
-    </p>
+    <p class="text-xs font-medium text-gray-700 text-center my-5">By clicking "Sign Up" you agree to our <a href="#" class="text-purple-700 hover:text-purple-900">Terms of Service</a> and <a href="#" class="text-purple-700 hover:text-purple-900">Privacy Policy</a>.</p>
   </div>
 </section>
 {{< /iframe >}}
@@ -185,22 +143,13 @@ <h1 class="text-xl md:text-3xl font-medium text-gray-800 text-center mb-1">Creat
   <div class="w-full sm:w-8/12 md:w-6/12 lg:w-4/12 xl:w-3/12 mx-auto space-y-5">
     <h1 class="text-4xl text-center text-gray-900 font-semibold">Sign up</h1>
     <div class="space-y-2 pb-6 border-b border-gray-200">
-      <a href="#" class="btn btn-icon btn-google w-full py-2">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="currentColor"
-          class="mr-1"
-        >
-          <path
-            d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28	c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233	c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934	C20.485,11.453,20.404,10.884,20.283,10.356z"
-          />
+      <a href="#" class="btn btn-icon btn-google w-full py-3">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="mr-1">
+          <path d="M20.283,10.356h-8.327v3.451h4.792c-0.446,2.193-2.313,3.453-4.792,3.453c-2.923,0-5.279-2.356-5.279-5.28	c0-2.923,2.356-5.279,5.279-5.279c1.259,0,2.397,0.447,3.29,1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233	c-4.954,0-8.934,3.979-8.934,8.934c0,4.955,3.979,8.934,8.934,8.934c4.467,0,8.529-3.249,8.529-8.934	C20.485,11.453,20.404,10.884,20.283,10.356z" />
         </svg>
         Continue with Google
       </a>
-      <a href="#" class="btn btn-icon btn-dark w-full py-2">
+      <a href="#" class="btn btn-icon btn-dark w-full py-3">
         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="mr-1">
           <path
             d="M19.665,16.811c-0.287,0.664-0.627,1.275-1.021,1.837c-0.537,0.767-0.978,1.297-1.316,1.592	c-0.525,0.482-1.089,0.73-1.692,0.744c-0.432,0-0.954-0.123-1.562-0.373c-0.61-0.249-1.17-0.371-1.683-0.371	c-0.537,0-1.113,0.122-1.73,0.371c-0.616,0.25-1.114,0.381-1.495,0.393c-0.577,0.025-1.154-0.229-1.729-0.764	c-0.367-0.32-0.826-0.87-1.377-1.648c-0.59-0.829-1.075-1.794-1.455-2.891c-0.407-1.187-0.611-2.335-0.611-3.447	c0-1.273,0.275-2.372,0.826-3.292c0.434-0.74,1.01-1.323,1.73-1.751C7.271,6.782,8.051,6.563,8.89,6.549	c0.46,0,1.063,0.142,1.81,0.422s1.227,0.422,1.436,0.422c0.158,0,0.689-0.167,1.593-0.498c0.853-0.307,1.573-0.434,2.163-0.384	c1.6,0.129,2.801,0.759,3.6,1.895c-1.43,0.867-2.137,2.08-2.123,3.637c0.012,1.213,0.453,2.222,1.317,3.023	c0.392,0.372,0.829,0.659,1.315,0.863C19.895,16.236,19.783,16.529,19.665,16.811L19.665,16.811z M15.998,2.38	c0,0.95-0.348,1.838-1.039,2.659c-0.836,0.976-1.846,1.541-2.941,1.452c-0.014-0.114-0.021-0.234-0.021-0.36	c0-0.913,0.396-1.889,1.103-2.688c0.352-0.404,0.8-0.741,1.343-1.009c0.542-0.264,1.054-0.41,1.536-0.435	C15.992,2.127,15.998,2.254,15.998,2.38L15.998,2.38z"
@@ -224,10 +173,7 @@ <h1 class="text-4xl text-center text-gray-900 font-semibold">Sign up</h1>
       </label>
       <input type="submit" class="btn btn-primary w-full btn-lg" value="Sign Up" />
     </form>
-    <p class="text-xs font-medium text-gray-700 text-center my-8">
-      By clicking "Sign Up" you agree to our <a href="#" class="text-purple-700 hover:text-purple-900">Terms of Service</a> and
-      <a href="#" class="text-purple-700 hover:text-purple-900">Privacy Policy</a>.
-    </p>
+    <p class="text-xs font-medium text-gray-700 text-center my-8">By clicking "Sign Up" you agree to our <a href="#" class="text-purple-700 hover:text-purple-900">Terms of Service</a> and <a href="#" class="text-purple-700 hover:text-purple-900">Privacy Policy</a>.</p>
   </div>
 </section>
 
@@ -244,20 +190,12 @@ <h1 class="text-4xl text-center text-gray-900 font-semibold">Sign up</h1>
           d="M134.71 45.7599c1.32-1.44 2.67-2.94 4.05-4.5 1.44-1.56 2.82-3.09 4.14-4.59 1.32-1.56 2.55-3.03 3.69-4.41 1.2-1.38 2.22-2.58 3.06-3.6h15.93c-3.18 3.66-6.3 7.17-9.36 10.53-3 3.3-6.3 6.72-9.9 10.26 1.8 1.62 3.66 3.57 5.58 5.85 1.92 2.22 3.78 4.53 5.58 6.93 1.8 2.4 3.45 4.8 4.95 7.2 1.5 2.4 2.76 4.59 3.78 6.57h-15.39c-.96-1.56-2.07-3.27-3.33-5.13-1.2-1.92-2.49-3.81-3.87-5.67-1.38-1.92-2.85-3.75-4.41-5.49-1.5-1.74-3-3.21-4.5-4.41v20.7H121.3V8.31991l13.41-2.16V45.7599zM209.35 74.3799c-2.28.66-5.22 1.26-8.82 1.8-3.6.6-7.38.9-11.34.9-4.02 0-7.38-.54-10.08-1.62-2.64-1.08-4.74-2.58-6.3-4.5-1.56-1.98-2.67-4.32-3.33-7.02-.66-2.7-.99-5.67-.99-8.91v-26.37h13.41v24.75c0 4.32.57 7.44 1.71 9.36 1.14 1.92 3.27 2.88 6.39 2.88.96 0 1.98-.03 3.06-.09 1.08-.12 2.04-.24 2.88-.36v-36.54h13.41v45.72zM217.888 16.8699l13.41-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.89 10.44c-1.62.66-3.42 1.23-5.4 1.71-1.98.48-4.41.72-7.29.72-3.66 0-6.69-.48-9.09-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.46-3.96-3.06-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM254.279 16.8699l13.409-2.16v13.95h16.11v11.16h-16.11v16.65c0 2.82.48 5.07 1.44 6.75 1.02 1.68 3.03 2.52 6.03 2.52 1.44 0 2.91-.12 4.41-.36 1.56-.3 2.97-.69 4.23-1.17l1.891 10.44c-1.62.66-3.421 1.23-5.401 1.71s-4.409.72-7.289.72c-3.66 0-6.691-.48-9.091-1.44-2.4-1.02-4.32-2.4-5.76-4.14-1.44-1.8-2.459-3.96-3.059-6.48-.54-2.52-.81-5.31-.81-8.37v-39.78zM334.028 28.6599c-2.7 9.12-5.52 17.67-8.46 25.65-2.94 7.98-6.15 15.72-9.63 23.22-1.26 2.7-2.52 4.98-3.78 6.84-1.26 1.92-2.64 3.48-4.14 4.68-1.5 1.26-3.21 2.16-5.13 2.7-1.86.6-4.05.9-6.57.9-2.1 0-4.05-.21-5.85-.63-1.74-.36-3.18-.78-4.32-1.26l2.34-10.71c1.38.48 2.61.81 3.69.99 1.08.18 2.22.27 3.42.27 2.4 0 4.23-.66 5.49-1.98 1.32-1.26 2.43-3.03 3.33-5.31-3.06-6-6.12-12.72-9.18-20.16-3.06-7.5-5.94-15.9-8.64-25.2h14.22c.6 2.34 1.29 4.89 2.07 7.65.84 2.7 1.71 5.46 2.61 8.28.9 2.76 1.8 5.46 2.7 8.1.96 2.64 1.86 5.04 2.7 7.2.78-2.16 1.59-4.56 2.43-7.2.84-2.64 1.65-5.34 2.43-8.1.84-2.82 1.62-5.58 2.34-8.28.78-2.76 1.47-5.31 2.07-7.65h13.86z"
           fill="#1A202C"
         />
-        <path
-          d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z"
-          fill="#9E58E9"
-        />
-        <path
-          d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z"
-          fill="#7629C8"
-        />
+        <path d="M5.61825.4114C24.3953-2.95442 43.4551 21.1695 51.21 34.8757v29.6906c-4.8347 14.2497-12.952 19.1401-20.8473 19.362-12.7347.358-22.758-14.27-17.6881-25.9574 2.926-6.7451 8.905-10.1655 13.0016-11.2189C5.61473 45.9161.32294 23.2628.01461 7.98884-.05756 4.41366 2.09844 1.04233 5.61825.4114z" fill="#9E58E9" />
+        <path d="M96.8018.4114C78.0247-2.95442 58.9649 21.1695 51.21 34.8757v29.6906c4.8347 14.2497 12.952 19.1401 20.8474 19.362 12.7346.358 22.7579-14.27 17.688-25.9574-2.9259-6.7451-8.905-10.1655-13.0015-11.2189 20.0614-.8359 25.3531-23.4892 25.6611-38.76316.073-3.57518-2.083-6.94651-5.6032-7.57744z" fill="#7629C8" />
       </svg>
       <span class="sr-only">Kutty</span>
     </a>
-    <div
-      class="bg-transparent md:bg-white border-0 md:border border-gray-200 rounded-lg w-full sm:w-10/12 md:w-8/12 lg:w-6/12 xl:w-4/12 mx-auto space-y-4 px-0 md:px-6 pt-5 pb-6 mt-4 sm:mt-8 mb-0 sm:mb-5"
-    >
+    <div class="bg-transparent md:bg-white border-0 md:border border-gray-200 rounded-lg w-full sm:w-10/12 md:w-8/12 lg:w-6/12 xl:w-4/12 mx-auto space-y-4 px-0 md:px-6 pt-5 pb-6 mt-4 sm:mt-8 mb-0 sm:mb-5">
       <h1 class="text-xl text-left sm:text-center font-light mb-5 text-gray-800">Sign up to our product today for free</h1>
       <form class="space-y-4 pb-1">
         <label class="block">
@@ -275,7 +213,7 @@ <h1 class="text-xl text-left sm:text-center font-light mb-5 text-gray-800">Sign
         <div class="flex justify-between items-start sm:items-center flex-col sm:flex-row">
           <label class="flex items-center">
             <input type="checkbox" class="form-checkbox" />
-            <span class="ml-2 cursor-pointer text-xs text-gray-700 font-medium mb-1 block">Agree to Privacy Policy</span>
+            <span class="ml-2 cursor-pointer text-xs text-gray-700 font-medium block">Agree to Privacy Policy</span>
           </label>
           <input type="submit" class="btn btn-primary w-full sm:w-auto mt-5 sm:mt-0" value="Sign up" />
         </div>
diff --git a/docs/content/docs/button.md b/docs/content/docs/button.md
index 0419d42..7250262 100644
--- a/docs/content/docs/button.md
+++ b/docs/content/docs/button.md
@@ -24,6 +24,7 @@ title: Button
 <button class="btn btn-dark">Dark</button>
 <button class="btn btn-white">White</button>
 <button class="btn btn-link">Link</button>
+<button class="btn bg-teal-700 hover:bg-teal-900 text-white">Tailwind Color</button>
 {{< /code >}}
 
 ## Light Colors
diff --git a/docs/layouts/404.html b/docs/layouts/404.html
index 81bd925..d8e543f 100644
--- a/docs/layouts/404.html
+++ b/docs/layouts/404.html
@@ -2,9 +2,7 @@
 
 <section class="w-full md:w-full lg:w-1/2 mx-auto py-20 md:py-40">
   <h1 class="text-3xl md:text-4xl text-gray-900 leading-tight mb-4 font-semibold">Page Not Found (404)</h1>
-  <p class="text-base md:text-lg text-gray-600 mb-5">
-    Sorry about that.
-  </p>
+  <p class="text-base md:text-lg text-gray-600 mb-5">Sorry about that.</p>
   <a href="https://github.com/praveenjuge/kutty/issues" class="btn btn-light btn-lg" target="_blank">Complain on GitHub</a>
 </section>
 
diff --git a/docs/layouts/_default/baseof.html b/docs/layouts/_default/baseof.html
index 7e05773..147c723 100644
--- a/docs/layouts/_default/baseof.html
+++ b/docs/layouts/_default/baseof.html
@@ -5,8 +5,6 @@
   </head>
   <body class="bg-white" x-data="{ sideBar: true }">
     {{ partial "header" . }}
-    <main class='{{ if eq .Section "components" }}w-full max-w-full bg-gray-300{{ else }}container mx-auto mt-10 mb-20 px-3 md:px-1{{ end }}' id="main">
-      {{ block "main" . }}{{ end }}
-    </main>
+    <main class='{{ if eq .Section "components" }}w-full max-w-full bg-gray-300{{ else }}container mx-auto mt-10 mb-20 px-3 md:px-1{{ end }}' id="main">{{ block "main" . }}{{ end }}</main>
   </body>
 </html>
diff --git a/docs/layouts/components/list.html b/docs/layouts/components/list.html
index b8f3cc1..fb65604 100644
--- a/docs/layouts/components/list.html
+++ b/docs/layouts/components/list.html
@@ -47,24 +47,14 @@ <h3 class="text-lg md:text-2xl text-gray-900 font-semibold leading-tight mb-4">{
         <div class="w-2/6 mx-auto space-y-1 flex flex-col justify-center h-full">
           <div class="h-4 border-2 border-gray-200 w-full rounded group-hover:border-purple-200 transition-colors duration-100 ease-in-out"></div>
           <div class="h-4 border-2 border-gray-200 w-full rounded group-hover:border-purple-200 transition-colors duration-200 ease-in-out"></div>
-          <div
-            class="h-5 w-full bg-gray-400 rounded group-hover:bg-purple-400 transition-colors duration-300 ease-in-out text-white flex items-center justify-center"
-            style="font-size: 10px"
-          >
-            Sign in
-          </div>
+          <div class="h-5 w-full bg-gray-400 rounded group-hover:bg-purple-400 transition-colors duration-300 ease-in-out text-white flex items-center justify-center" style="font-size: 10px">Sign in</div>
         </div>
         {{ else if eq .RelPermalink "/components/register/" }}
         <div class="w-2/6 mx-auto space-y-1 flex flex-col justify-center h-full">
           <div class="h-4 border-2 border-gray-200 w-full rounded group-hover:border-purple-200 transition-colors duration-100 ease-in-out"></div>
           <div class="h-4 border-2 border-gray-200 w-full rounded group-hover:border-purple-200 transition-colors duration-200 ease-in-out"></div>
           <div class="h-4 border-2 border-gray-200 w-full rounded group-hover:border-purple-200 transition-colors duration-300 ease-in-out"></div>
-          <div
-            class="h-5 w-full bg-gray-400 rounded group-hover:bg-purple-400 transition-colors duration-500 ease-in-out text-white flex items-center justify-center"
-            style="font-size: 10px"
-          >
-            Register
-          </div>
+          <div class="h-5 w-full bg-gray-400 rounded group-hover:bg-purple-400 transition-colors duration-500 ease-in-out text-white flex items-center justify-center" style="font-size: 10px">Register</div>
         </div>
         {{ else if eq .RelPermalink "/components/404-500/" }}
         <div class="w-2/6 mx-auto mt-10">
diff --git a/docs/layouts/partials/component-list.html b/docs/layouts/partials/component-list.html
index 664b276..1b18d7e 100644
--- a/docs/layouts/partials/component-list.html
+++ b/docs/layouts/partials/component-list.html
@@ -1,25 +1,12 @@
 {{ $current := . }}
 
-<nav
-  role="navigation"
-  class="fixed top-0 left-0 right-0 z-40 h-full overflow-hidden outline-none bg-white overflow-y-auto p-2 pb-20 border-transparent md:border-gray-200 w-full md:w-1/4 lg:w-1/6 transform origin-left -translate-x-full md:translate-x-0 transition ease-out duration-100"
-  style="top: 58px;"
-  :class="{ '-translate-x-full' : sideBar }"
->
+<nav role="navigation" class="fixed top-0 left-0 right-0 z-40 h-full overflow-hidden outline-none bg-white overflow-y-auto p-2 pb-20 border-transparent md:border-gray-200 w-full md:w-1/4 lg:w-1/6 transform origin-left -translate-x-full md:translate-x-0 transition ease-out duration-100" style="top: 58px" :class="{ '-translate-x-full' : sideBar }">
   {{ range where .Site.Pages.ByWeight "Section" "docs" }} {{ if eq .Permalink $current.Permalink }}
-  <a
-    class="text-center md:text-left relative flex px-3 py-2 md:py-1 text-sm mt-0 flex-col rounded leading-relaxed font-medium text-gray-700 no-underline hover:text-primary text-primary bg-primary-light bg-opacity-50"
-    href="#main"
-    aria-describedby="current"
-  >
+  <a class="text-center md:text-left relative flex px-3 py-2 md:py-1 text-sm mt-0 flex-col rounded leading-relaxed font-medium text-gray-700 no-underline hover:text-primary text-primary bg-primary-light bg-opacity-50" href="#main" aria-describedby="current">
     <span class="sr-only">(Current Page)</span>
     {{ .Title }}
   </a>
   {{ else }}
-  <a
-    class="text-center md:text-left relative flex px-3 py-2 md:py-1 text-sm mt-0 flex-col rounded leading-relaxed font-medium text-gray-700 no-underline hover:text-primary"
-    href="{{ .Permalink | absLangURL }}"
-    >{{ .Title }}</a
-  >
+  <a class="text-center md:text-left relative flex px-3 py-2 md:py-1 text-sm mt-0 flex-col rounded leading-relaxed font-medium text-gray-700 no-underline hover:text-primary" href="{{ .Permalink | absLangURL }}">{{ .Title }}</a>
   {{ end }} {{ end }}
 </nav>
diff --git a/docs/layouts/partials/twitter.html b/docs/layouts/partials/twitter.html
index c94a2e0..cf9b728 100644
--- a/docs/layouts/partials/twitter.html
+++ b/docs/layouts/partials/twitter.html
@@ -2,17 +2,7 @@
   <a href="https://twitter.com/praveenjuge" target="_blank" class="flex justify-between items-center w-full px-3 md:px-5">
     <p class="items-center hidden md:flex">
       Follow me on twitter
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      >
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
         <line x1="5" y1="12" x2="19" y2="12"></line>
         <polyline points="12 5 19 12 12 19"></polyline>
       </svg>
@@ -24,17 +14,7 @@
     <div></div>
   </a>
   <button class="btn btn-twitter btn-lg rounded-none" id="twitter_banner_close">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <line x1="18" y1="6" x2="6" y2="18"></line>
       <line x1="6" y1="6" x2="18" y2="18"></line>
     </svg>
diff --git a/docs/layouts/shortcodes/iframe.html b/docs/layouts/shortcodes/iframe.html
index 9d88428..bd255cf 100644
--- a/docs/layouts/shortcodes/iframe.html
+++ b/docs/layouts/shortcodes/iframe.html
@@ -1,27 +1,15 @@
 <div x-data="{ tab: 'design', width: '100', height: '350' }" class="pb-20">
   <nav class="tab">
     <div class="container mx-auto flex w-100">
-      <button
-        class="tab-link active"
-        :class="{ 'active': tab === 'design' }"
-        @click="tab = 'design'; setTimeout(() => height = $refs.resizableFrame.contentWindow.document.body.scrollHeight, 10);"
-      >
-        Design
-      </button>
+      <button class="tab-link active" :class="{ 'active': tab === 'design' }" @click="tab = 'design'; setTimeout(() => height = $refs.resizableFrame.contentWindow.document.body.scrollHeight, 10);">Design</button>
       <button class="tab-link" :class="{ 'active': tab === 'code' }" @click="tab = 'code';">Code</button>
-      <button
-        class="tab-link"
-        x-ref="copyCodeButton"
-        @click="$refs.copyCode.select(); document.execCommand('copy'); $refs.copyCodeButton.innerText = 'Copied!'; setTimeout(function() {$refs.copyCodeButton.innerText = 'Copy Code'}, 1000);"
-      >
-        Copy Code
-      </button>
+      <button class="tab-link" x-ref="copyCodeButton" @click="$refs.copyCode.select(); document.execCommand('copy'); $refs.copyCodeButton.innerText = 'Copied!'; setTimeout(function() {$refs.copyCodeButton.innerText = 'Copy Code'}, 1000);">Copy Code</button>
     </div>
   </nav>
 
   <label class="bg-gray-200 w-full hidden lg:block" x-show="tab === 'design'">
     <span class="sr-only">Update Component Width</span>
-    <input x-model="width" type="range" class="form-input thumb border-0 rounded-0 p-0 m-0 z-50 cursor-move" value="100" step="0.01" min="23" min="100" style="min-height: 8px;" />
+    <input x-model="width" type="range" class="form-input thumb border-0 rounded-0 p-0 m-0 z-50 cursor-move" value="100" step="0.01" min="23" min="100" style="min-height: 8px" />
     <style>
       .thumb::-webkit-slider-thumb {
         margin-top: -2px;
@@ -75,9 +63,7 @@
   </div>
 
   <!-- To display the code -->
-  <div class="code-display bg-gray-200 mb-2 outline-none relative overflow-y-auto prose max-w-full" x-ref="code" x-show="tab === 'code'" style="height: 350px" x-cloak>
-    {{ if len .Params | eq 2 }} {{ highlight (trim .Inner "\n\r") (.Get 0) (.Get 1) }} {{ else }} {{ highlight (trim .Inner "\n\r") (.Get 0) "" }} {{ end }}
-  </div>
+  <div class="code-display bg-gray-200 mb-2 outline-none relative overflow-y-auto prose max-w-full" x-ref="code" x-show="tab === 'code'" style="height: 350px" x-cloak>{{ if len .Params | eq 2 }} {{ highlight (trim .Inner "\n\r") (.Get 0) (.Get 1) }} {{ else }} {{ highlight (trim .Inner "\n\r") (.Get 0) "" }} {{ end }}</div>
 
   <textarea class="sr-only whitespace-pre-wrap" x-ref="copyCode" aria-hidden="true" readonly="true">{{ .Inner | safeHTMLAttr }}</textarea>
 </div>
diff --git a/package.json b/package.json
index e9ec76f..0bddd95 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,7 @@
     "nodemon": "^2.0.6",
     "rollup": "^2.32.1",
     "rollup-plugin-terser": "^7.0.2",
-    "tailwindcss": "^1.9.5"
+    "tailwindcss": "^1.9.6"
   },
   "dependencies": {
     "@tailwindcss/typography": "^0.2.0"
diff --git a/src/alert.js b/src/alert.js
index e2902c8..e79bff9 100644
--- a/src/alert.js
+++ b/src/alert.js
@@ -1,8 +1,8 @@
 module.exports = Alert = () => ({
   ".alert": {
     "@apply font-medium relative overflow-hidden text-sm rounded-md align-middle duration-150 ease-in flex items-start pl-4 pr-4 border-current": {},
-    paddingTop: '0.65rem',
-    paddingBottom: '0.65rem',
+    paddingTop: "0.65rem",
+    paddingBottom: "0.65rem",
   },
   // Close
   ".alert-close": {
diff --git a/src/button.js b/src/button.js
index 2fa2f56..a993e05 100644
--- a/src/button.js
+++ b/src/button.js
@@ -1,181 +1,194 @@
 module.exports = Button = (styles) => ({
   ".btn, .prose a.btn": {
-    "@apply select-none text-center no-underline align-middle font-medium relative overflow-hidden transition-colors duration-150 ease-in border border-solid inline-block px-3 rounded-md w-auto opacity-100 pointer-events-auto cursor-pointer transform scale-100": {},
+    "@apply inline-block text-center no-underline align-middle font-medium rounded-md border-current pointer-events-auto cursor-pointer select-none transform scale-100 transition-colors duration-150 ease-in": {},
     fontSize: "0.95rem",
-    paddingTop: "0.37rem",
-    paddingBottom: "0.37rem",
-    willChange: 'transform',
-    backfaceVisibility: 'hidden',
+    paddingTop: "0.45rem",
+    paddingBottom: "0.45rem",
+    paddingLeft: "0.85rem",
+    paddingRight: "0.85rem",
+    willChange: "transform",
+    backfaceVisibility: "hidden",
     "&:focus": {
       "@apply shadow-outline outline-none": {},
     },
     "&:active": {
-      "@apply scale-95 shadow-none outline-none": {},
+      "@apply scale-95": {},
     },
   },
   // Sizes
   ".btn.btn-xs, .prose .btn.btn-xs": {
-    "@apply px-1 text-xs": {},
-    paddingTop: "0.1rem",
-    paddingBottom: "0.1rem",
+    "@apply text-xs": {},
+    paddingTop: "0.15rem",
+    paddingBottom: "0.15rem",
+    paddingLeft: "0.4rem",
+    paddingRight: "0.4rem",
   },
   ".btn.btn-sm, .prose .btn.btn-sm": {
-    "@apply py-1 text-sm": {},
-    paddingLeft: "0.6rem",
-    paddingRight: "0.6rem",
+    "@apply text-sm": {},
+    paddingTop: "0.3rem",
+    paddingBottom: "0.3rem",
+    paddingLeft: "0.65rem",
+    paddingRight: "0.65rem",
   },
   ".btn.btn-lg, .prose .btn.btn-lg": {
-    "@apply py-2 text-lg": {},
-    paddingLeft: "1.35rem",
-    paddingRight: "1.35rem",
+    "@apply text-lg": {},
+    paddingTop: "0.6rem",
+    paddingBottom: "0.6rem",
+    paddingLeft: "1.4rem",
+    paddingRight: "1.4rem",
   },
   ".btn.btn-xl, .prose .btn.btn-xl": {
-    "@apply py-3 px-6 text-xl": {},
+    "@apply text-xl": {},
+    paddingTop: "0.85rem",
+    paddingBottom: "0.85rem",
+    paddingLeft: "1.6rem",
+    paddingRight: "1.6rem",
   },
   // Colors
   ".btn-primary, .prose a.btn-primary": {
-    "@apply bg-primary border-primary text-white": {},
-    "&:hover, &:focus": {
-      "@apply bg-primary-dark border-primary-dark": {},
+    "@apply bg-primary text-white": {},
+    "&:hover": {
+      "@apply bg-primary-dark": {},
     },
   },
   ".btn-secondary, .prose a.btn-secondary": {
-    "@apply bg-gray-600 border-gray-600 text-white": {},
-    "&:hover, &:focus": {
-      "@apply bg-gray-800 border-gray-800": {},
+    "@apply bg-gray-600 text-white": {},
+    "&:hover": {
+      "@apply bg-gray-800": {},
     },
   },
   ".btn-success, .prose a.btn-success": {
-    "@apply bg-green-700 border-green-700 text-white": {},
-    "&:hover, &:focus": {
-      "@apply bg-green-900 border-green-900": {},
+    "@apply bg-green-700 text-white": {},
+    "&:hover": {
+      "@apply bg-green-900": {},
     },
   },
   ".btn-danger, .prose a.btn-danger": {
-    "@apply bg-red-700 border-red-700 text-white": {},
-    "&:hover, &:focus": {
-      "@apply bg-red-900 border-red-900": {},
+    "@apply bg-red-700 text-white": {},
+    "&:hover": {
+      "@apply bg-red-900": {},
     },
   },
   ".btn-warning, .prose a.btn-warning": {
-    "@apply bg-yellow-600 border-yellow-600 text-white": {},
-    "&:hover, &:focus": {
-      "@apply bg-yellow-800 border-yellow-800": {},
+    "@apply bg-yellow-600 text-white": {},
+    "&:hover": {
+      "@apply bg-yellow-800": {},
     },
   },
   ".btn-light, .prose a.btn-light": {
-    "@apply bg-gray-200 border-gray-200 text-gray-900": {},
-    "&:hover, &:focus": {
-      "@apply bg-gray-400 border-gray-400": {},
+    "@apply bg-gray-200 text-gray-900": {},
+    "&:hover": {
+      "@apply bg-gray-400": {},
     },
   },
   ".btn-dark, .prose a.btn-dark": {
-    "@apply bg-gray-900 border-gray-900 text-white": {},
-    "&:hover, &:focus": {
-      "@apply bg-gray-700 border-gray-700": {},
+    "@apply bg-gray-900 text-white": {},
+    "&:hover": {
+      "@apply bg-gray-700": {},
     },
   },
   ".btn-white, .prose a.btn-white": {
-    "@apply bg-white border-white text-gray-900": {},
-    "&:hover, &:focus": {
-      "@apply bg-gray-200 border-gray-200": {},
+    "@apply bg-white text-gray-900": {},
+    "&:hover": {
+      "@apply bg-gray-200": {},
     },
   },
   ".btn-link, .prose a.btn-link": {
-    "@apply bg-transparent border-transparent text-primary-dark": {},
-    "&:hover, &:focus": {
-      "@apply bg-gray-300 border-gray-300": {},
+    "@apply bg-transparent text-primary-dark": {},
+    "&:hover": {
+      "@apply bg-gray-300": {},
     },
   },
   ".btn-light-primary, .prose a.btn-light-primary": {
-    "@apply bg-primary-light border-primary-light text-primary": {},
-    "&:hover, &:focus": {
-      "@apply bg-primary border-primary text-primary-light": {},
+    "@apply bg-primary-light text-primary": {},
+    "&:hover": {
+      "@apply bg-primary text-primary-light": {},
     },
   },
   ".btn-light-secondary, .prose a.btn-light-secondary": {
-    "@apply bg-gray-200 border-gray-200 text-gray-700": {},
-    "&:hover, &:focus": {
-      "@apply bg-gray-300 border-gray-300 text-gray-900": {},
+    "@apply bg-gray-200 text-gray-700": {},
+    "&:hover": {
+      "@apply bg-gray-300 text-gray-900": {},
     },
   },
   ".btn-light-success, .prose a.btn-light-success": {
-    "@apply bg-green-200 border-green-200 text-green-800": {},
-    "&:hover, &:focus": {
-      "@apply bg-green-300 border-green-300 text-green-900": {},
+    "@apply bg-green-200 text-green-800": {},
+    "&:hover": {
+      "@apply bg-green-300 text-green-900": {},
     },
   },
   ".btn-light-danger, .prose a.btn-light-danger": {
-    "@apply bg-red-200 border-red-200 text-red-700": {},
-    "&:hover, &:focus": {
-      "@apply bg-red-300 border-red-300 text-red-900": {},
+    "@apply bg-red-200 text-red-700": {},
+    "&:hover": {
+      "@apply bg-red-300 text-red-900": {},
     },
   },
   ".btn-light-warning, .prose a.btn-light-warning": {
-    "@apply bg-yellow-200 border-yellow-200 text-yellow-800": {},
-    "&:hover, &:focus": {
-      "@apply bg-yellow-300 border-yellow-300 text-yellow-900": {},
+    "@apply bg-yellow-200 text-yellow-800": {},
+    "&:hover": {
+      "@apply bg-yellow-300 text-yellow-900": {},
     },
   },
   ".btn-light-link, .prose a.btn-light-link": {
-    "@apply bg-transparent border-transparent text-primary-light": {},
-    "&:hover, &:focus": {
-      "@apply bg-gray-200 border-gray-200 text-primary": {},
+    "@apply bg-transparent text-primary-light": {},
+    "&:hover": {
+      "@apply bg-gray-200 text-primary": {},
     },
   },
   ".btn-outline-primary, .prose a.btn-outline-primary": {
-    "@apply text-primary border-current bg-transparent": {},
-    "&:hover, &:focus": {
+    "@apply text-primary border": {},
+    "&:hover": {
       "@apply bg-primary-dark border-primary-dark text-white": {},
     },
   },
   ".btn-outline-secondary, .prose a.btn-outline-secondary": {
-    "@apply text-gray-600 border-current bg-transparent": {},
-    "&:hover, &:focus": {
+    "@apply text-gray-600 border": {},
+    "&:hover": {
       "@apply bg-gray-800 border-gray-800 text-white": {},
     },
   },
   ".btn-outline-success, .prose a.btn-outline-success": {
-    "@apply text-green-700 border-current bg-transparent": {},
-    "&:hover, &:focus": {
+    "@apply text-green-700 border": {},
+    "&:hover": {
       "@apply bg-green-900 border-green-900 text-white": {},
     },
   },
   ".btn-outline-danger, .prose a.btn-outline-danger": {
-    "@apply text-red-700 border-current bg-transparent": {},
-    "&:hover, &:focus": {
+    "@apply text-red-700 border": {},
+    "&:hover": {
       "@apply border-red-900 text-white bg-red-900": {},
     },
   },
   ".btn-outline-warning, .prose a.btn-outline-warning": {
-    "@apply text-yellow-600 border-current bg-transparent": {},
-    "&:hover, &:focus": {
+    "@apply text-yellow-600 border": {},
+    "&:hover": {
       "@apply border-yellow-800 text-white bg-yellow-800": {},
     },
   },
   ".btn-outline-light, .prose a.btn-outline-light": {
-    "@apply text-gray-200 border-current bg-transparent": {},
-    "&:hover, &:focus": {
+    "@apply text-gray-200 border": {},
+    "&:hover": {
       "@apply border-gray-400 text-gray-900 bg-gray-400": {},
     },
   },
   ".btn-outline-dark, .prose a.btn-outline-dark": {
-    "@apply text-gray-900 border-current bg-transparent": {},
-    "&:hover, &:focus": {
+    "@apply text-gray-900 border": {},
+    "&:hover": {
       "@apply border-gray-900 text-white bg-gray-900": {},
     },
   },
   ".btn-outline-link, .prose a.btn-outline-link": {
-    "@apply border-transparent text-primary-dark bg-transparent": {},
-    "&:hover, &:focus": {
+    "@apply border-transparent text-primary-dark border": {},
+    "&:hover": {
       "@apply border-gray-300": {},
     },
   },
+  // Disabled, Loading
   ".btn:disabled": {
-    "@apply opacity-25 pointer-events-none cursor-default !important": {},
+    "@apply opacity-25 pointer-events-none cursor-not-allowed !important": {},
   },
   ".btn-loading": {
-    "@apply opacity-75 pointer-events-none cursor-default !important": {},
+    "@apply opacity-75 pointer-events-none cursor-wait !important": {},
   },
   ".btn-loading .spinner": {
     marginTop: "-3px",
@@ -214,7 +227,7 @@ module.exports = Button = (styles) => ({
   },
   // Button Group
   ".btn-group": {
-    "@apply relative inline-flex align-middle": {},
+    "@apply inline-flex align-middle": {},
   },
   ".btn-group .btn": {
     "@apply rounded-none": {},
@@ -232,82 +245,64 @@ module.exports = Button = (styles) => ({
   ".btn-twitter, .prose a.btn-twitter": {
     "@apply text-white": {},
     backgroundColor: "#1da1f2",
-    borderColor: "#1da1f2",
-    "&:hover,&:focus": {
+    "&:hover": {
       backgroundColor: "#0c80c7",
-      borderColor: "#0c80c7",
     },
   },
   ".btn-google, .prose a.btn-google": {
     "@apply text-white": {},
     backgroundColor: "#4285f4",
-    borderColor: "#4285f4",
-    "&:hover,&:focus": {
+    "&:hover": {
       backgroundColor: "#1d61d2",
-      borderColor: "#1d61d2",
     },
   },
   ".btn-youtube, .prose a.btn-youtube": {
     "@apply text-white": {},
     backgroundColor: "#ff0000",
-    borderColor: "#ff0000",
-    "&:hover,&:focus": {
+    "&:hover": {
       backgroundColor: "#b10505",
-      borderColor: "#b10505",
     },
   },
   ".btn-instagram, .prose a.btn-instagram": {
     "@apply text-white": {},
     backgroundColor: "#e1306c",
-    borderColor: "#e1306c",
-    "&:hover,&:focus": {
+    "&:hover": {
       backgroundColor: "#bf134d",
-      borderColor: "#bf134d",
     },
   },
   ".btn-github, .prose a.btn-github": {
     "@apply text-white": {},
     backgroundColor: "#333",
-    borderColor: "#333",
-    "&:hover,&:focus": {
+    "&:hover": {
       backgroundColor: "#000",
-      borderColor: "#000",
     },
   },
   ".btn-twitch, .prose a.btn-twitch": {
     "@apply text-white": {},
     backgroundColor: "#6441a5",
-    borderColor: "#6441a5",
-    "&:hover,&:focus": {
+    "&:hover": {
       backgroundColor: "#3c1f71",
-      borderColor: "#3c1f71",
     },
   },
   ".btn-slack, .prose a.btn-slack": {
     "@apply text-white": {},
     backgroundColor: "#611f69",
-    borderColor: "#611f69",
-    "&:hover,&:focus": {
+    "&:hover": {
       backgroundColor: "#3e0d44",
-      borderColor: "#3e0d44",
     },
   },
   ".btn-linkedin, .prose a.btn-linkedin": {
     "@apply text-white": {},
     backgroundColor: "#0077b5",
-    borderColor: "#0077b5",
-    "&:hover,&:focus": {
+    "&:hover": {
       backgroundColor: "#044d73",
-      borderColor: "#044d73",
     },
   },
   ".btn-facebook, .prose a.btn-facebook": {
     "@apply text-white": {},
     backgroundColor: "#3b5998",
-    borderColor: "#3b5998",
-    "&:hover,&:focus": {
+    "&:hover": {
       backgroundColor: "#1c3467",
-      borderColor: "#1c3467",
     },
   },
 });
diff --git a/src/forms.js b/src/forms.js
index 060f088..3d1e2a3 100644
--- a/src/forms.js
+++ b/src/forms.js
@@ -1,7 +1,7 @@
 module.exports = Forms = () => ({
   ".form-input": {
     "@apply block w-full appearance-none bg-white border border-solid border-gray-300 rounded px-3 py-2 text-sm leading-normal transition-colors duration-150 ease-in shadow-none text-gray-900": {},
-    minHeight: '39px'
+    minHeight: "39px",
   },
   // Input Tag Hover and Focus
   ".form-input:hover, .form-select:hover, .form-checkbox:hover, .form-radio:hover": {
@@ -29,19 +29,19 @@ module.exports = Forms = () => ({
   // Sizes
   ".form-input-sm": {
     "@apply px-2 py-1 text-xs": {},
-    minHeight: '28px'
+    minHeight: "28px",
   },
   ".form-input-lg": {
     "@apply px-4 py-3 text-xl": {},
-    minHeight: '56px'
+    minHeight: "56px",
   },
   ".form-select-sm": {
     "@apply pl-2 pr-8 py-1 text-xs !important": {},
-    minHeight: '28px'
+    minHeight: "28px",
   },
   ".form-select-lg": {
     "@apply pl-4 pr-10 py-3 text-xl !important": {},
-    minHeight: '56px'
+    minHeight: "56px",
   },
   // Select, Checkbox, Radio
   ".form-select": {
diff --git a/src/js/components/dialog.js b/src/js/components/dialog.js
index 67dc79d..0ea255e 100644
--- a/src/js/components/dialog.js
+++ b/src/js/components/dialog.js
@@ -20,8 +20,8 @@
 // - Add padding-right style to the body, where the value is the scroll bar -
 // find the scroll bar width and set as padding right to html body width
 
-import {FOCUSABLE_ELEMENTS} from '../constants';
-import {adjustScrollBar, focus, refocusTrigger} from '../utils';
+import { FOCUSABLE_ELEMENTS } from "../constants";
+import { adjustScrollBar, focus, refocusTrigger } from "../utils";
 
 // Data
 var lastOpenedElement = null;
@@ -31,14 +31,14 @@ function init(dialog) {
   var trigger = dialog.querySelectorAll('[x-spread="trigger"]');
   if (trigger.length) {
     trigger = trigger[0];
-    trigger.setAttribute('aria-haspopup', 'dialog');
+    trigger.setAttribute("aria-haspopup", "dialog");
     var dialog = dialog.querySelectorAll('[x-spread="dialog"]');
     if (dialog.length) {
       dialog = dialog[0];
-      dialog.setAttribute('role', 'dialog');
-      dialog.setAttribute('aria-hidden', true);
-      dialog.setAttribute('aria-modal', true);
-      dialog.setAttribute('tabindex', -1);
+      dialog.setAttribute("role", "dialog");
+      dialog.setAttribute("aria-hidden", true);
+      dialog.setAttribute("aria-modal", true);
+      dialog.setAttribute("tabindex", -1);
     }
   }
 }
@@ -49,25 +49,25 @@ function toggleAriaAtrributes(dialog, isOpen) {
   if (dialog.length) {
     dialog = dialog[0];
     if (isOpen) {
-      dialog.setAttribute('aria-hidden', false);
+      dialog.setAttribute("aria-hidden", false);
     } else {
-      dialog.setAttribute('aria-hidden', true);
+      dialog.setAttribute("aria-hidden", true);
     }
   }
 }
 
 // Initialize attribute for all dialog elements
 var dialogs = document.querySelectorAll('[x-data="dialog()"]');
-dialogs.forEach(function(dialog) {
+dialogs.forEach(function (dialog) {
   init(dialog);
 });
 
-window.dialog = function() {
+window.dialog = function () {
   var focussedIndex = -1;
   return {
     open: false,
     trigger: {
-      ['@click']() {
+      ["@click"]() {
         this.open = !this.open;
         if (this.open) {
           lastOpenedElement = this.$el;
@@ -81,7 +81,7 @@ window.dialog = function() {
         adjustScrollBar(this.open);
         toggleAriaAtrributes(this.$el, this.open);
       },
-      ['@keydown.escape']() {
+      ["@keydown.escape"]() {
         this.open = false;
         focussedIndex = -1;
         refocusTrigger(lastOpenedElement);
@@ -90,25 +90,25 @@ window.dialog = function() {
       },
     },
     dialog: {
-      ['x-show.transition.opacity.duration.100ms.origin.center.center.scale.105']() {
+      ["x-show.transition.opacity.duration.100ms.origin.center.center.scale.105"]() {
         return this.open;
       },
-      ['@keydown.escape']() {
+      ["@keydown.escape"]() {
         this.open = false;
         focussedIndex = -1;
         refocusTrigger(lastOpenedElement);
         adjustScrollBar(this.open);
         toggleAriaAtrributes(this.$el, this.open);
       },
-      ['@keydown.tab'](e) {
+      ["@keydown.tab"](e) {
         e.preventDefault();
         var dialog = this.$el.querySelector('[x-spread="dialog"]');
         var dialogElements = dialog.querySelectorAll(FOCUSABLE_ELEMENTS);
         focussedIndex++;
         focus(dialogElements, focussedIndex);
       },
-      ['@click'](e) {
-        if (this.open && e.target.hasAttribute('x-spread')) {
+      ["@click"](e) {
+        if (this.open && e.target.hasAttribute("x-spread")) {
           this.open = false;
           focussedIndex = -1;
           refocusTrigger(lastOpenedElement);
diff --git a/src/js/components/dropdown.js b/src/js/components/dropdown.js
index 95e3e77..250fef5 100644
--- a/src/js/components/dropdown.js
+++ b/src/js/components/dropdown.js
@@ -17,7 +17,7 @@
 // - Add tabindex="-1" to dropdown menu items
 // - Restore focus to the dropdown button once the dropdown menu is closed
 
-import {focus, refocusTrigger} from '../utils';
+import { focus, refocusTrigger } from "../utils";
 
 var lastOpenedElement = null;
 
@@ -39,18 +39,18 @@ function toggleAriaAtrributes(dropdown, open) {
   if (trigger.length) {
     trigger = trigger[0];
     if (open) {
-      trigger.setAttribute('aria-expanded', true);
+      trigger.setAttribute("aria-expanded", true);
       var dropdownList = dropdown.querySelectorAll('[x-spread="dropdown"]');
       if (dropdownList.length) {
         dropdownList = dropdownList[0];
-        dropdownList.setAttribute('aria-hidden', false);
+        dropdownList.setAttribute("aria-hidden", false);
       }
     } else {
-      trigger.setAttribute('aria-expanded', false);
+      trigger.setAttribute("aria-expanded", false);
       var dropdownList = dropdown.querySelectorAll('[x-spread="dropdown"]');
       if (dropdownList.length) {
         dropdownList = dropdownList[0];
-        dropdownList.setAttribute('aria-hidden', true);
+        dropdownList.setAttribute("aria-hidden", true);
       }
     }
   }
@@ -61,20 +61,20 @@ function init(dropdown) {
   var trigger = dropdown.querySelectorAll('[x-spread="trigger"]');
   if (trigger.length) {
     trigger = trigger[0];
-    trigger.setAttribute('aria-haspopup', true);
-    trigger.setAttribute('aria-expanded', false);
+    trigger.setAttribute("aria-haspopup", true);
+    trigger.setAttribute("aria-expanded", false);
     var dropdown = dropdown.querySelectorAll('[x-spread="dropdown"]');
     if (dropdown.length) {
       dropdown = dropdown[0];
-      trigger.setAttribute('aria-controls', dropdown.id);
-      dropdown.setAttribute('role', 'menu');
-      dropdown.setAttribute('aria-labelledby', trigger.id);
-      dropdown.setAttribute('aria-hidden', true);
-      var dropdownItems = dropdown.querySelectorAll('.dropdown-item');
+      trigger.setAttribute("aria-controls", dropdown.id);
+      dropdown.setAttribute("role", "menu");
+      dropdown.setAttribute("aria-labelledby", trigger.id);
+      dropdown.setAttribute("aria-hidden", true);
+      var dropdownItems = dropdown.querySelectorAll(".dropdown-item");
       if (dropdownItems.length) {
-        [...dropdownItems].forEach(function(dropdownItem) {
-          dropdownItem.setAttribute('role', 'menuitem');
-          dropdownItem.setAttribute('tabindex', -1);
+        [...dropdownItems].forEach(function (dropdownItem) {
+          dropdownItem.setAttribute("role", "menuitem");
+          dropdownItem.setAttribute("tabindex", -1);
         });
       }
     }
@@ -83,22 +83,22 @@ function init(dropdown) {
 
 // Initialize attribute for all dropdown elements
 var dropdowns = document.querySelectorAll('[x-data="dropdown()"]');
-dropdowns.forEach(function(dropdown) {
+dropdowns.forEach(function (dropdown) {
   init(dropdown);
 });
 
-window.dropdown = function() {
-  const DROPDOWN_ITEM_SELECTOR = '.dropdown-item';
+window.dropdown = function () {
+  const DROPDOWN_ITEM_SELECTOR = ".dropdown-item";
   var focussedIndex = -1;
   return {
     open: false,
     trigger: {
-      ['@keydown.escape']() {
+      ["@keydown.escape"]() {
         this.open = false;
         refocusTrigger(this.$el);
         toggleAriaAtrributes(this.$el, this.open);
       },
-      ['@click']() {
+      ["@click"]() {
         this.open = !this.open;
         focussedIndex = -1;
         if (this.open) {
@@ -108,79 +108,70 @@ window.dropdown = function() {
         }
         toggleAriaAtrributes(this.$el, this.open);
       },
-      ['@keydown.arrow-down'](e) {
+      ["@keydown.arrow-down"](e) {
         e.preventDefault();
-        var dropdownElements =
-            this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
+        var dropdownElements = this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
         focussedIndex++;
         focus(dropdownElements, focussedIndex);
       },
-      ['@keydown.arrow-up'](e) {
+      ["@keydown.arrow-up"](e) {
         e.preventDefault();
-        var dropdownElements =
-            this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
+        var dropdownElements = this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
         focussedIndex = dropdownElements.length - 1;
         focus(dropdownElements, focussedIndex);
       },
-      ['@keydown.home'](e) {
+      ["@keydown.home"](e) {
         e.preventDefault();
         focussedIndex = -1;
-        var dropdownElements =
-            this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
+        var dropdownElements = this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
         focussedIndex++;
         focus(dropdownElements, focussedIndex);
       },
-      ['@keydown.end'](e) {
+      ["@keydown.end"](e) {
         e.preventDefault();
-        var dropdownElements =
-            this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
+        var dropdownElements = this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
         focussedIndex = dropdownElements.length - 1;
         focus(dropdownElements, focussedIndex);
       },
     },
     dropdown: {
-      ['@keydown.escape']() {
+      ["@keydown.escape"]() {
         this.open = false;
         focussedIndex = -1;
         refocusTrigger(this.$el);
         toggleAriaAtrributes(this.$el, this.open);
       },
-      ['x-show.transition.in.origin.top.opacity.scale.90.out.origin.top.opacity.scale.90']() {
+      ["x-show.transition.in.origin.top.opacity.scale.90.out.origin.top.opacity.scale.90"]() {
         return this.open;
       },
-      ['@click.away']() {
+      ["@click.away"]() {
         this.open = false;
         focussedIndex = -1;
         refocusTrigger(lastOpenedElement);
         toggleAriaAtrributes(this.$el, this.open);
       },
-      ['@keydown.arrow-down'](e) {
+      ["@keydown.arrow-down"](e) {
         e.preventDefault();
-        var dropdownElements =
-            this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
+        var dropdownElements = this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
         focussedIndex++;
         focus(dropdownElements, focussedIndex);
       },
-      ['@keydown.arrow-up'](e) {
+      ["@keydown.arrow-up"](e) {
         e.preventDefault();
-        var dropdownElements =
-            this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
-        focussedIndex =
-            normalizeNegativeCounter(dropdownElements, focussedIndex);
+        var dropdownElements = this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
+        focussedIndex = normalizeNegativeCounter(dropdownElements, focussedIndex);
         focus(dropdownElements, focussedIndex);
       },
-      ['@keydown.home'](e) {
+      ["@keydown.home"](e) {
         e.preventDefault();
         focussedIndex = -1;
-        var dropdownElements =
-            this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
+        var dropdownElements = this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
         focussedIndex++;
         focus(dropdownElements, focussedIndex);
       },
-      ['@keydown.end'](e) {
+      ["@keydown.end"](e) {
         e.preventDefault();
-        var dropdownElements =
-            this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
+        var dropdownElements = this.$el.querySelectorAll(DROPDOWN_ITEM_SELECTOR);
         focussedIndex = dropdownElements.length - 1;
         focus(dropdownElements, focussedIndex);
       },
diff --git a/src/js/components/tooltip.js b/src/js/components/tooltip.js
index 747cefa..a601cfe 100644
--- a/src/js/components/tooltip.js
+++ b/src/js/components/tooltip.js
@@ -6,10 +6,8 @@ const getTooltipPlacement = function (element, tooltip) {
   switch (placement) {
     case "top": {
       transform = {
-        x: tooltipElement.width > triggerElement.width
-            ? Math.round(triggerElement.x - Math.abs(triggerElement.width - tooltipElement.width) / 2)
-            : Math.round(triggerElement.x + Math.abs(triggerElement.width - tooltipElement.width) / 2),
-        y: Math.round(triggerElement.y- tooltipElement.height - 10),
+        x: tooltipElement.width > triggerElement.width ? Math.round(triggerElement.x - Math.abs(triggerElement.width - tooltipElement.width) / 2) : Math.round(triggerElement.x + Math.abs(triggerElement.width - tooltipElement.width) / 2),
+        y: Math.round(triggerElement.y - tooltipElement.height - 10),
       };
       break;
     }
@@ -22,9 +20,7 @@ const getTooltipPlacement = function (element, tooltip) {
     }
     case "bottom": {
       transform = {
-        x: tooltipElement.width > triggerElement.width
-            ? Math.round(triggerElement.x - Math.abs(triggerElement.width - tooltipElement.width) / 2)
-            : Math.round(triggerElement.x + Math.abs(triggerElement.width - tooltipElement.width) / 2),
+        x: tooltipElement.width > triggerElement.width ? Math.round(triggerElement.x - Math.abs(triggerElement.width - tooltipElement.width) / 2) : Math.round(triggerElement.x + Math.abs(triggerElement.width - tooltipElement.width) / 2),
         y: Math.round(triggerElement.y + triggerElement.height + 10),
       };
       break;
@@ -38,9 +34,7 @@ const getTooltipPlacement = function (element, tooltip) {
     }
     default: {
       transform = {
-        x: tooltipElement.width > triggerElement.width
-            ? Math.round(triggerElement.x - Math.abs(triggerElement.width - tooltipElement.width) / 2)
-            : Math.round(triggerElement.x + Math.abs(triggerElement.width - tooltipElement.width) / 2),
+        x: tooltipElement.width > triggerElement.width ? Math.round(triggerElement.x - Math.abs(triggerElement.width - tooltipElement.width) / 2) : Math.round(triggerElement.x + Math.abs(triggerElement.width - tooltipElement.width) / 2),
         y: Math.round(triggerElement.y - tooltipElement.height - 10),
       };
       break;
diff --git a/src/js/constants.js b/src/js/constants.js
index daef400..199e090 100644
--- a/src/js/constants.js
+++ b/src/js/constants.js
@@ -1,12 +1,3 @@
-const FOCUSABLE_ELEMENTS = [
-  '[href]:not([tabindex^="-"])',
-  'input:not([disabled]):not([type="hidden"]):not([tabindex^="-"]):not([type="radio"])',
-  'input[type="radio"]:checked',
-  'select:not([disabled]):not([tabindex^="-"])',
-  'textarea:not([disabled]):not([tabindex^="-"])',
-  'button:not([disabled]):not([tabindex^="-"])',
-  '[tabindex]:not([tabindex^="-"])',
-  '[contenteditable="true"]:not([tabindex^="-"])',
-];
+const FOCUSABLE_ELEMENTS = ['[href]:not([tabindex^="-"])', 'input:not([disabled]):not([type="hidden"]):not([tabindex^="-"]):not([type="radio"])', 'input[type="radio"]:checked', 'select:not([disabled]):not([tabindex^="-"])', 'textarea:not([disabled]):not([tabindex^="-"])', 'button:not([disabled]):not([tabindex^="-"])', '[tabindex]:not([tabindex^="-"])', '[contenteditable="true"]:not([tabindex^="-"])'];
 
-export {FOCUSABLE_ELEMENTS}
\ No newline at end of file
+export { FOCUSABLE_ELEMENTS };
diff --git a/src/js/utils.js b/src/js/utils.js
index e35ca38..09c42d9 100644
--- a/src/js/utils.js
+++ b/src/js/utils.js
@@ -1,51 +1,44 @@
 // Focus an element
 // elements - array of dropdown elements
-const focus =
-    (elements, focussedIndex) => {
-      // Use of % for infinite iterations
-      var index = Math.abs(focussedIndex) % elements.length;
-      if (index >= 0) {
-        elements[index].focus();
-      }
-    }
+const focus = (elements, focussedIndex) => {
+  // Use of % for infinite iterations
+  var index = Math.abs(focussedIndex) % elements.length;
+  if (index >= 0) {
+    elements[index].focus();
+  }
+};
 
 // Refocus trigger element
-const refocusTrigger =
-    element => {
-      var dialogTrigger = element.querySelector('[x-spread="trigger"]');
-      if (dialogTrigger) {
-        dialogTrigger.focus();
-      }
-    }
+const refocusTrigger = (element) => {
+  var dialogTrigger = element.querySelector('[x-spread="trigger"]');
+  if (dialogTrigger) {
+    dialogTrigger.focus();
+  }
+};
 
-const adjustScrollBar =
-    (isOpen) => {
-      if (isOpen) {
-        var htmlDocument = document.querySelector('html');
-        htmlDocument.style.overflow = 'hidden';
-        var body = document.querySelector('body');
-        body.style.paddingRight = getScrollbarWidth() + 'px';
-      } else {
-        var htmlDocument = document.querySelector('html');
-        htmlDocument.style.overflow = null;
-        var body = document.querySelector('body');
-        body.style.paddingRight = null;
-      }
-    }
+const adjustScrollBar = (isOpen) => {
+  if (isOpen) {
+    var htmlDocument = document.querySelector("html");
+    htmlDocument.style.overflow = "hidden";
+    var body = document.querySelector("body");
+    body.style.paddingRight = getScrollbarWidth() + "px";
+  } else {
+    var htmlDocument = document.querySelector("html");
+    htmlDocument.style.overflow = null;
+    var body = document.querySelector("body");
+    body.style.paddingRight = null;
+  }
+};
 
 // Private
 // From bootstrap
-const getScrollbarWidth =
-    () => {
-      const scrollDiv = document.createElement('div');
-      scrollDiv.className = 'scrollbar-measure';
-      document.body.appendChild(scrollDiv);
-      const scrollbarWidth =
-          scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
-      document.body.removeChild(scrollDiv);
-      return scrollbarWidth;
-    }
+const getScrollbarWidth = () => {
+  const scrollDiv = document.createElement("div");
+  scrollDiv.className = "scrollbar-measure";
+  document.body.appendChild(scrollDiv);
+  const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
+  document.body.removeChild(scrollDiv);
+  return scrollbarWidth;
+};
 
-export {
-  focus, refocusTrigger, adjustScrollBar
-}
\ No newline at end of file
+export { focus, refocusTrigger, adjustScrollBar };