diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index fcad4b9..1c3016d 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -18,18 +18,16 @@ export function Header() {
       id="navbar"
       className="flex h-16 flex-row items-center justify-between bg-navbar-color px-4"
     >
-      <Link href="/" className="w-1/8">
+      <Link href="/" class="w-1/8">
         <div className="relative flex flex-row items-center">
-          <div className="relative h-16 w-16">
-            <div className="from-slate-300 to-transparent mask absolute inset-0 bg-gradient-to-br"></div>
-            <img
-              src="/logo.png"
-              alt="Nebula Logo"
-              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">
-            {t("header.title")}
+          <img
+            src="/logo.png"
+            className="h-16 w-16 transition-all duration-1000 hover:rotate-[360deg]"
+            alt="Nebula Logo"
+          ></img>
+          <h1 className="font-roboto invisible whitespace-nowrap text-2xl font-bold text-navbar-text-color sm:visible sm:text-4xl">
+            {" "}
+            {t("header.title")}{" "}
           </h1>
         </div>
       </Link>
diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx
index 729c51d..da8c31c 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 invisible whitespace-nowrap font-bold text-navbar-text-color sm:visible sm:text-2xl">
+          <h1 className="font-roboto invisible whitespace-nowrap text-2xl font-bold text-navbar-text-color sm:visible sm:text-4xl">
             {" "}
             {t("header.title")}{" "}
           </h1>