diff --git a/TODO.md b/TODO.md
index f2db8051..fcd0eada 100644
--- a/TODO.md
+++ b/TODO.md
@@ -3,7 +3,7 @@
 
 ## UI Related
 - [ ] Fix Theming to be more professional (use frontend themeing skill & make it look like a professional product)
-
+- [x] replace emoji in the top left with the actual icon 
 
 ## Future BS
 - [ ] CPU, MEM, NET, DISK sentinal first-installed on EC2s to expose a backend for the user's ui to hit, THROUGH A BACKEND PROXY ROUTE so we can cache and rate limit the requests. This will allow for a better dashboard and better stats for the user to see. We'll use an obscure port for the sentinal so that we dont hit any other services the user may have. Sentinal is our own little C program exposing the stats we need, seperate repo for that thing tho!
diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index 57e63331..306b405a 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -3,7 +3,7 @@ import { Link, useLocation, useNavigate } from "react-router-dom";
 import { useAuth } from "../hooks/useAuth";
 import { ThemePreference, useTheme } from "../hooks/useTheme";
 import { api } from "../services/api";
-import { Rocket, Sun, Moon, Monitor } from "lucide-react";
+import { Sun, Moon, Monitor } from "lucide-react";
 
 const themeOptions: { value: ThemePreference; label: string; Icon: typeof Sun }[] = [
   { value: "light", label: "Light", Icon: Sun },
@@ -42,7 +42,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
         <div className="max-w-7xl mx-auto px-4 h-14 flex items-center justify-between gap-4">
           <div className="flex items-center gap-2">
             <Link to="/" className="font-bold text-lg text-blue-600 dark:text-blue-400 hover:opacity-80 inline-flex items-center gap-1.5">
-              <Rocket size={20} /> PR Previews
+              <img src="/icon.png" alt="" className="h-5 w-5 shrink-0 rounded" aria-hidden="true" /> PR Previews
             </Link>
           </div>