diff --git a/app/page.tsx b/app/page.tsx
index 2861527..da76797 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -62,9 +62,14 @@ export default function Web() {
                   <h2 className="bg-gradient-to-r from-slate-400 via-white to-slate-400 text-transparent bg-clip-text" >Our Mission in Motion</h2>
                 </div>
                 <h3 className="mr-90 text-slate-300">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dignissimos, totam culpa officia ad esse</h3>
-                <div className="grid-col-1 p-20">
-                  <Button href="" intent="aboutUs" size="hero1" className="grid pt-2">Section 01</Button>
+
+                <div className="mt-2">
+                  <Button href="" intent="aboutUs" size="hero1" className="grid pt-2 text-left">Section 01</Button>
+                </div>
+                <div className="mt-2">
                   <Button href="" intent="aboutUs" size="hero1" className="grid pt-2">Section 01</Button>
+                </div>
+                <div className="mt-2">
                   <Button href="" intent="aboutUs" size="hero1" className="grid pt-2">Section 01</Button>
                 </div>
               </div>
diff --git a/components/Button/Button.tsx b/components/Button/Button.tsx
index 8911c56..3537d9d 100644
--- a/components/Button/Button.tsx
+++ b/components/Button/Button.tsx
@@ -18,7 +18,7 @@ const button = cva(
         primary: ["bg-blue-400", "text-white", "hover:enabled:bg-blue-700"],
         secondary: ["bg-transparent", "text-white", "hover:bg-slate-100", "rounded-3xl", "hover:text-vizoleG2", "border-solid", "border-2", "border-slate-100"],
         hero1: ["text-black", "bg-white", "font-medium", "rounded-3xl", "text-sm", "text-center", "me-2", "mb-2", "border-solid", "border-2", "border-slate-100"],
-        aboutUs: ["bg-transparent", "w-1/4", "hover:bg-blue-500", "text-blue-700", "font-semibold", "hover:text-white", "pt-5", "py-2", "px-4", "border", "border-blue-500", "hover:border-transparent", "rounded"]
+        aboutUs: ["bg-transparent", "w-1/4", "hover:bg-blue-500", "text-white", "font-semibold", "hover:text-white", "py-2", "px-4", "border", "border-blue-500", "hover:border-transparent", "rounded", "flex", "text-left"]
       },
       size: {
         sm: ["min-w-20", "h-full", "min-h-10", "text-sm", "py-1.5", "px-4"],
diff --git a/styles/custom.css b/styles/custom.css
index 9924c54..da333dc 100644
--- a/styles/custom.css
+++ b/styles/custom.css
@@ -1,8 +1,9 @@
 .bg-illustration {
-    background-image: url('/images/glow-bottom.svg');
+  background-image: url("/images/glow-bottom.svg");
+}
 
-  }
+.hover-pl-5pct:hover {
+  padding-left: calc(100% + 5%);
+}
 
-  .hover-pl-5pct:hover {
-    padding-left: calc(100% + 5%);
-   }
+/* https://flowbite.com/docs/forms/radio/ */