diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 8cc4b30..c71b514 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -28,7 +28,7 @@ export function Header() {
               className="h-full w-full transition-all duration-1000 hover:rotate-[360deg]"
             />
           </div>
-          <h1 className="font-roboto text-2xl font-bold text-navbar-text-color md:text-4xl">
+          <h1 className="font-roboto text-2xl font-bold text-navbar-text-color">
             {t("header.title")}
           </h1>
         </div>
diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx
index 453d56d..729c51d 100644
--- a/src/components/iframe/IframeHeader.tsx
+++ b/src/components/iframe/IframeHeader.tsx
@@ -39,7 +39,7 @@ export function IframeHeader(props: { url: string }) {
             className="h-16 w-16 transition-all duration-1000 hover:rotate-[360deg]"
             alt="Nebula Logo"
           ></img>
-          <h1 className="font-roboto text-2xl font-bold text-navbar-text-color md:text-4xl">
+          <h1 className="font-roboto invisible whitespace-nowrap font-bold text-navbar-text-color sm:visible sm:text-2xl">
             {" "}
             {t("header.title")}{" "}
           </h1>
@@ -98,10 +98,10 @@ export function IframeHeader(props: { url: string }) {
                 script.onload = function () {
                   if (!proxyWindow) return;
                   proxyWindow.eruda.init({
-                      defaults: {
-                          displaySize: 45,
-                          theme: 'Material Palenight'
-                      }
+                    defaults: {
+                      displaySize: 45,
+                      theme: "Material Palenight"
+                    }
                   });
                   proxyWindow.eruda.show();
                 };