diff --git a/src/assets/styles/base.css b/src/assets/styles/base.css
index d0fd9e5..5f2284d 100644
--- a/src/assets/styles/base.css
+++ b/src/assets/styles/base.css
@@ -4,6 +4,6 @@
 
 @layer components {
   .btn {
-    @apply inline-flex items-center justify-center rounded border border-transparent font-medium leading-snug transition py-3 px-6 shadow-lg;
+    @apply inline-flex items-center justify-center rounded border border-transparent font-medium text-center text-base leading-snug transition py-3 px-6 shadow-lg ease-in duration-200 focus:ring-blue-500 focus:ring-offset-blue-200 focus:ring-2 focus:ring-offset-2;
   }
 }
diff --git a/src/components/astro/ctas/BasicCTA.astro b/src/components/astro/ctas/BasicCTA.astro
index ca56092..1c27317 100644
--- a/src/components/astro/ctas/BasicCTA.astro
+++ b/src/components/astro/ctas/BasicCTA.astro
@@ -10,7 +10,7 @@ const {} = Astro.props;
           <span>Astro</span> + <span class="whitespace-nowrap">Tailwind CSS</span>
         </h2>
         <p class="text-xl text-gray-600 dark:text-slate-400">
-          Be very surprised by these huge fake numbers you are seeing on this page. <br />Don't waste more time! :P
+          Be very surprised by these huge fake numbers you are seeing on this page. <br class="hidden md:inline" />Don't waste more time! :P
         </p>
 
         <div class="mt-6">
diff --git a/src/components/astro/features/StepsFeatures.astro b/src/components/astro/features/StepsFeatures.astro
index 6ad31e7..b969da1 100644
--- a/src/components/astro/features/StepsFeatures.astro
+++ b/src/components/astro/features/StepsFeatures.astro
@@ -3,9 +3,9 @@ const {} = Astro.props;
 ---
 
 <section>
-  <div class="max-w-6xl mx-auto px-4 sm:px-6">
+  <div class="max-w-6xl mx-auto px-4 sm:px-6 overflow-hidden">
     <div class="py-12 md:py-20">
-      <div class="py-4 sm:py-6 lg:py-8 overflow-hidden">
+      <div class="py-4 sm:py-6 lg:py-8">
         <div class="flex flex-wrap md:-mx-8">
           <div class="w-full lg:w-1/2 px-0 sm:px-8">
             <div class="mb-12 lg:mb-0 pb-12 lg:pb-0 border-b lg:border-b-0">
@@ -19,7 +19,7 @@ const {} = Astro.props;
               </p>
               <div class="w-full">
                 <a
-                  class="btn bg-blue-600 hover:bg-blue-700 focus:ring-blue-500 focus:ring-offset-blue-200 text-white transition ease-in duration-200 text-center text-base font-medium shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2"
+                  class="btn bg-blue-600 hover:bg-blue-700 text-white"
                   href="https://github.com/onwidget/astrowind"
                   target="_blank"
                   rel="noopener"
diff --git a/src/components/astro/footers/BasicFooter.astro b/src/components/astro/footers/BasicFooter.astro
index cbc5f13..e2deda8 100644
--- a/src/components/astro/footers/BasicFooter.astro
+++ b/src/components/astro/footers/BasicFooter.astro
@@ -8,7 +8,7 @@ const {} = Astro.props;
     <div class="grid sm:grid-cols-12 gap-8 py-8 md:py-12 border-t border-gray-200 dark:border-slate-800">
       <div class="sm:col-span-12 lg:col-span-3">
         <div class="mb-2">
-          <a class="inline-block font-bold" href="#">AstroWind</a>
+          <a class="inline-block font-bold" href="/">AstroWind</a>
         </div>
         <div class="text-sm text-gray-600">
           <a