diff --git a/src/components/General/Header.tsx b/src/components/General/Header.tsx
index c0df7bc3..1fc0f103 100644
--- a/src/components/General/Header.tsx
+++ b/src/components/General/Header.tsx
@@ -14,6 +14,7 @@ const Header = ({ selectedTag }: HeaderProps) => {
         paddingBottom: '25px',
         marginTop: '4.4rem',
       }}
+      className="header-container"
     >
       <NimbusLogo />
       <TagContainer selectedTag={selectedTag} />
diff --git a/src/index.css b/src/index.css
index 8ad31b90..d97ef17a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -130,3 +130,10 @@ ul li {
     background-color: #f9f9f9;
   }
 }
+
+@media screen and (max-width: 440px) {
+  .header-container {
+    flex-direction: column;
+    gap: 12px;
+  }
+}