diff --git a/code/frontend/src/components/Header.tsx b/code/frontend/src/components/Header.tsx
index 7faaa86..4bce7ed 100644
--- a/code/frontend/src/components/Header.tsx
+++ b/code/frontend/src/components/Header.tsx
@@ -72,7 +72,7 @@ function Header() {
     <>
       <header className="base-header blue-background">
         <div className="header-icon"> <img className="header-icon-feather" src='/assets/icons/BirdIconO.ico' alt="featherIcon" /> </div>
-        <p className="header-title">
+        <p className="header-title small-title">
           Feather Feed
         </p>
         <div className="header-icon header-icon-menu"> <img src='/assets/icons/menu_orange.svg' alt="menu" onClick={toggleMenu}  /> </div>
diff --git a/code/frontend/src/components/header.css b/code/frontend/src/components/header.css
index 360da36..9967b0c 100644
--- a/code/frontend/src/components/header.css
+++ b/code/frontend/src/components/header.css
@@ -19,17 +19,7 @@
 }
 
 .header-title {
-	display: flex;
-	width: 162px;
-	height: 63px;
-	flex-direction: column;
-	justify-content: center;
-	flex-shrink: 0;
-	font-weight: bold;
-	font-size: x-large;
-
 	color: var(--Rotkehlchen-orange-default);
-	text-align: center;
 }
 .header-icon-feather {
 	height: 35px;