diff --git a/src/components/widgets/CallToAction.astro b/src/components/widgets/CallToAction.astro
index 0eaee3f..e555ae2 100644
--- a/src/components/widgets/CallToAction.astro
+++ b/src/components/widgets/CallToAction.astro
@@ -9,7 +9,7 @@ const {} = Astro.props;
     <div class="py-12 md:py-20">
       <div class="max-w-3xl mx-auto text-center p-6 rounded-md shadow-xl dark:shadow-none">
         <h2 class="text-4xl md:text-4xl font-bold leading-tighter tracking-tighter mb-4 font-heading">
-          <span>Astro</span> + <span class="whitespace-nowrap">Tailwind CSS</span>
+          <span>Astro</span> + <span class="sm: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 class="hidden md:inline" />Don't
diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro
index f06efbf..c9304e3 100644
--- a/src/components/widgets/Header.astro
+++ b/src/components/widgets/Header.astro
@@ -1,8 +1,8 @@
 ---
 import { Icon } from "astro-icon";
 import Logo from "~/components/atoms/Logo.astro";
-import ToggleTheme from "../core/ToggleTheme.astro";
-import ToggleMenu from "../core/ToggleMenu.astro";
+import ToggleTheme from "~/components/core/ToggleTheme.astro";
+import ToggleMenu from "~/components/core/ToggleMenu.astro";
 
 import { getPermalink, getBlogPermalink, getHomePermalink } from "~/utils/permalinks";
 
diff --git a/src/components/widgets/Hero.astro b/src/components/widgets/Hero.astro
index 1b4c460..b6118e3 100644
--- a/src/components/widgets/Hero.astro
+++ b/src/components/widgets/Hero.astro
@@ -13,7 +13,7 @@ const {} = Astro.props;
           Your website with
           <span class="bg-clip-text text-transparent bg-gradient-to-r from-primary-500 to-secondary-500">Astro</span> +
           <span
-            class="bg-clip-text text-transparent bg-gradient-to-r from-primary-500 to-secondary-500 whitespace-nowrap"
+            class="bg-clip-text text-transparent bg-gradient-to-r from-primary-500 to-secondary-500 sm:whitespace-nowrap"
             >Tailwind CSS
           </span>
         </h1>