diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
index 4afdd55..ad9513e 100644
--- a/src/components/HeroSection.tsx
+++ b/src/components/HeroSection.tsx
@@ -7,7 +7,7 @@ import Link from "next/link";
 export const HeroSection = () => {
   return (
     <section className="container w-full">
-      <div className="grid place-items-center lg:max-w-screen-xl gap-8 mx-auto py-32 md:py-32">
+      <div className="grid place-items-center lg:max-w-screen-xl gap-8 mx-auto py-12 md:py-12">
         <div className="text-center space-y-8">
           <Badge variant="outline" className="text-sm py-2">
             <span className="mr-2 text-primary">
diff --git a/src/components/layout/toggle-theme.tsx b/src/components/layout/toggle-theme.tsx
index 86ce50e..94725c3 100644
--- a/src/components/layout/toggle-theme.tsx
+++ b/src/components/layout/toggle-theme.tsx
@@ -13,12 +13,12 @@ export const ToggleTheme = () => {
     >
       <div className="flex gap-2 dark:hidden">
         <Moon className="size-5" />
-        <span className="block lg:hidden"> Dark </span>
+        <span className="block lg:hidden"> Set Dark Theme</span>
       </div>
 
       <div className="dark:flex gap-2 hidden">
         <Sun className="size-5" />
-        <span className="block lg:hidden">Light</span>
+        <span className="block lg:hidden">Set Light Theme</span>
       </div>
 
       <span className="sr-only">Set theme</span>