diff --git a/client/public/tao.png b/client/public/tao.png
new file mode 100644
index 0000000..9200e66
Binary files /dev/null and b/client/public/tao.png differ
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 0a7a4e6..43063eb 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -5,6 +5,7 @@ import Settings from './components/Settings';
 import SwipeableViews from 'react-swipeable-views';
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 import Thread from './components/Thread/Thread';
+import Header from './components/Header/Header';
 
 function App() {
   const [index, setIndex] = React.useState(1);
@@ -16,6 +17,7 @@ function App() {
 
   return (
     <Router>
+      <Header />
       <Routes>
         <Route path="/settings" element={<Settings />} />
         <Route path="/home" element={<Home />} />
diff --git a/client/src/components/Header/Header.tsx b/client/src/components/Header/Header.tsx
index 1120ada..e878924 100644
--- a/client/src/components/Header/Header.tsx
+++ b/client/src/components/Header/Header.tsx
@@ -1,13 +1,24 @@
-import { CogIcon } from '@heroicons/react/24/outline';
+import { Cog6ToothIcon, QuestionMarkCircleIcon } from '@heroicons/react/24/outline';
 
 export default function Header() {
     return (
-        <footer className="fixed bottom-0 z-20 w-full bg-gradient-to-r from-blue-900 to-cyan-500 shadow-lg shadow-black">
-            <div className="flex justify-end items-center h-14"> {/* Adjust height as needed */}
-                <button tabIndex={0} className="p-4">
-                    <CogIcon className="h-12 w-12 text-transperant" />
+        <header className="hidden lg:block text-white p-4">
+            <div className="container mx-auto flex justify-between items-center">
+                <a href='/'>
+                <div className="flex items-center">
+                    <img src="tao.png" className="h-8" />
+                    <span className="font-bold">The Anon Operation</span>
+                </div>
+                </a>
+                <button className="ml-auto pr-4">
+                    <QuestionMarkCircleIcon className="h-6 w-6 text-transperant" />
                 </button>
+                <a href='/settings'>
+                <button className="">
+                    <Cog6ToothIcon className="h-6 w-6 text-transperant" />
+                </button>
+                </a>
             </div>
-        </footer>
+        </header>
     );
 }
\ No newline at end of file
diff --git a/client/src/components/Settings.tsx b/client/src/components/Settings.tsx
index 38d5977..4922471 100644
--- a/client/src/components/Settings.tsx
+++ b/client/src/components/Settings.tsx
@@ -4,8 +4,8 @@ import React, { useEffect, useState } from 'react';
 import { addRelay } from '../utils/relays';
 
 const Settings = () => {
-  const [filterDifficulty, setFilterDifficulty] = useState(localStorage.getItem('filterDifficulty') || 20);
-  const [difficulty, setDifficulty] = useState(localStorage.getItem('difficulty') || 20);
+  const [filterDifficulty, setFilterDifficulty] = useState(localStorage.getItem('filterDifficulty') || 21);
+  const [difficulty, setDifficulty] = useState(localStorage.getItem('difficulty') || 21);
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
@@ -25,7 +25,7 @@ const Settings = () => {
 // }, []);
 
   return (
-    <div className="settings-page bg-black text-white min-h-screen p-8">
+    <div className="settings-page bg-black text-white p-8">
       <h1 className="text-lg font-semibold mb-4">Settings</h1>
       <form onSubmit={handleSubmit}>
         <div className="flex flex-wrap -mx-2 mb-4">
@@ -59,6 +59,15 @@ const Settings = () => {
           Save Settings
         </button>
       </form>
+
+      <div className="settings-page py-10">
+          <h1 className="text-lg font-semibold mb-4">About</h1>
+          <div className='flex'>  
+            <a href='https://github.com/smolgrrr/TAO'>
+            <img src="https://img.shields.io/github/stars/smolgrrr/TAO.svg?style=social"/>
+            </a>
+          </div>
+        </div>
     </div>
 
   );