diff --git a/components/header/Header.jsx b/components/header/Header.jsx
index a73e711..aaee6a0 100644
--- a/components/header/Header.jsx
+++ b/components/header/Header.jsx
@@ -21,7 +21,7 @@ const Header = () => {
 
   const yearClasses = clsx('header__chip', { hide: hideYear })
 
-  const isMobile = useMemo(() => width < BREAKPOINTS.MD, [width])
+  const isMobile = useMemo(() => width < BREAKPOINTS.SM, [width])
 
   useEffect(() => {
     if (!isHome) {
diff --git a/components/header/header.scss b/components/header/header.scss
index f4119d9..19a3f29 100644
--- a/components/header/header.scss
+++ b/components/header/header.scss
@@ -36,13 +36,22 @@
   &__home-link {
     display: flex;
     align-items: center;
-    column-gap: spacing(2);
+    column-gap: spacing(1);
 
     @extend %header-5;
 
+    @media (min-width: $md) {
+      column-gap: spacing(2);
+    }
+
     .github-logo {
-      height: spacing(4);
-      width: spacing(4);
+      height: spacing(3);
+      width: spacing(3);
+
+      @media (min-width: $sm) {
+        height: spacing(4);
+        width: spacing(4);
+      }
 
       path {
         fill: $white;