diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js
index 05cd0ac4fdaf365db8fccaf885c17dbb70e7e206..72a20ef588e94d6d1ce5cd10e7163c377bbac6a4 100644
--- a/frontend/src/components/Header.js
+++ b/frontend/src/components/Header.js
@@ -17,16 +17,23 @@ function ButtonLink({link, status, children}){
 	
 	if (status) {
 		return (
-			<botton onClick = {()=>{userContext.LogOut()}}>
-				{children}
-			</botton>
+			<div>
+				<label className='Labelheader' htmlFor={children}>{children}</label>
+				<button id={children} onClick = {()=>{userContext.LogOut()}} style={{ display: "none"}}>
+					{children}
+				</button>
+			</div>
+
 		)
 	}
 	else {
 		return (
-			<botton onClick = {()=>{MoveTo(link)}}>
-				{children}
-			</botton>
+			<div>
+				<label className='Labelheader' htmlFor={children}>{children}</label>
+				<button id={children} onClick = {()=>{MoveTo(link)}} style={{ display: "none"}}>
+					{children}
+				</button>
+			</div>
 		)
 	}
 
diff --git a/frontend/src/css/Header.css b/frontend/src/css/Header.css
index 14b0bf3a6ac90cd026a52340c503787fd825a681..701c6bcf85d4899aba2487738286c7da5725e35d 100644
--- a/frontend/src/css/Header.css
+++ b/frontend/src/css/Header.css
@@ -32,4 +32,14 @@ li{
     margin-right: 3rem;
     font-size: 1.2rem;
     font-weight: 100;
+}
+
+.Labelheader{
+    font-size: xx-large;
+    color: #FF7002;
+    font-weight: bold;
+}
+.Labelheader:hover{
+    color: #a5500f;
+
 }
\ No newline at end of file