diff --git a/code/frontend/src/pages/About.tsx b/code/frontend/src/pages/About.tsx
index 0ab3262..1ab6267 100644
--- a/code/frontend/src/pages/About.tsx
+++ b/code/frontend/src/pages/About.tsx
@@ -3,11 +3,9 @@ import "./about.css";
 function About() {
 	return (
 		<div className="mainbox">
-			<img
-				style={{ height: "200px", position: "relative" }}
-				src="/assets/icons/feather_black.svg"
-				alt="featherIcon"
-			/>
+			<h1 className="about-title color-orange">
+				About<br></br>Feather Feed
+			</h1>
 		</div>
 	);
 }
diff --git a/code/frontend/src/pages/about.css b/code/frontend/src/pages/about.css
index 5942b9f..679ccea 100644
--- a/code/frontend/src/pages/about.css
+++ b/code/frontend/src/pages/about.css
@@ -10,6 +10,11 @@
 	}
 }
 
+.about-title {
+	flex-direction: row;
+	justify-content: start;
+}
+
 /* TODO Entfernen vor final*/
 .test {
 	height: 100vh;
diff --git a/code/frontend/src/styles/colors.css b/code/frontend/src/styles/colors.css
index 67a21cc..7015d30 100644
--- a/code/frontend/src/styles/colors.css
+++ b/code/frontend/src/styles/colors.css
@@ -40,3 +40,7 @@ body {
 .edit-icon {
   color: var(--Rotkehlchen-brown-light);
 }
+
+.color-orange {
+	color: var(--Rotkehlchen-orange-default);
+}