diff --git a/components/Logo.tsx b/components/Logo.tsx
index 985117f..da362f1 100644
--- a/components/Logo.tsx
+++ b/components/Logo.tsx
@@ -4,7 +4,7 @@ export const Logo = () => {
       xmlns="http://www.w3.org/2000/svg"
       id="svg166"
       version="1.1"
-      className="fill-action group-hover:fill-secondary transition-all ease-in duration-100 flex-no-shrink w-12 h-12"
+      className="fill-action group-hover:fill-secondary transition-all ease-in duration-100 flex-no-shrink xl:w-12 xl:h-12 w-8 h-8"
       viewBox="0 0 100 100"
     >
       <g id="167217677994600400">
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 5097f7e..5f47e2d 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -20,9 +20,9 @@ export const Navbar = () => {
         className="flex flex-row gap-2 items-center group"
       >
         <Logo />
-        <div className="font-bold text-4xl font-mono transition-all ease-in duration-100 text-action group-hover:text-secondary">
+        <div className="font-bold xl:text-4xl text-xl font-mono transition-all ease-in duration-100 text-action group-hover:text-secondary">
           peroxy
-          <span className="text-sm">.dev</span>
+          <span className="xl:text-sm text-xs">.dev</span>
         </div>
       </Link>
       <div className="hidden xl:flex flex-row gap-10 items-center font-medium font-mono">