diff --git a/code/frontend/public/index.html b/code/frontend/public/index.html
index bc74583..78ee09b 100644
--- a/code/frontend/public/index.html
+++ b/code/frontend/public/index.html
@@ -7,7 +7,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="A social media platform for Birds - Feather Feed"
+      content="A social media platform about Birds - Feather Feed"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
 
diff --git a/code/frontend/src/components/Header.tsx b/code/frontend/src/components/Header.tsx
index cb076d2..03d9ab1 100644
--- a/code/frontend/src/components/Header.tsx
+++ b/code/frontend/src/components/Header.tsx
@@ -22,7 +22,7 @@ function Header() {
   // TODO
   const logOut = async () => {
     try {
-    const response = await axios.delete("http://localhost:3001/api/user/delete");
+    const response = await axios.delete("http://localhost:3001/api/user/logout");
     } catch (err: any) {
       console.error("error: ", err.response.data);
     }
@@ -66,7 +66,7 @@ function Header() {
   );
 
   return (
-    <div className="outest-container" >
+    <>
       <header className="base-header">
         <div className="header-icon"> <img className="header-icon-feather" src='/assets/icons/BirdIconO.ico' alt="featherIcon" /> </div>
         <p className="header-title">
@@ -82,7 +82,7 @@ function Header() {
     >
       {DrawerList}
     </SwipeableDrawer>
-    </div>
+    </>
   );
 }
 
diff --git a/code/frontend/src/components/header.css b/code/frontend/src/components/header.css
index b47e37a..0f5bc45 100644
--- a/code/frontend/src/components/header.css
+++ b/code/frontend/src/components/header.css
@@ -1,9 +1,3 @@
-.outest-container {
-  display: flex;
-  flex-direction: row;
-  justify-content: baseline;
-  z-index: 1000000;
-}
 .base-header {
   z-index: 10;
   width: 100vw;