diff --git a/src/components/layout/BrandHeader.tsx b/src/components/layout/Navigation.tsx
similarity index 90%
rename from src/components/layout/BrandHeader.tsx
rename to src/components/layout/Navigation.tsx
index 9ff2a410..1f8b78f9 100644
--- a/src/components/layout/BrandHeader.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -3,9 +3,9 @@ import { Icons } from "components/Icon";
 import { DISCORD_LINK, GITHUB_LINK } from "mw_constants";
 import { BrandPill } from "./BrandPill";
 
-export function BrandHeader() {
+export function Navigation() {
   return (
-    <div className="flex justify-between items-center absolute left-0 right-0 top-0 p-3">
+    <div className="flex justify-between items-center absolute left-0 right-0 top-0 py-5 px-7">
       <div>
         <BrandPill />
       </div>
diff --git a/src/views/SearchView.tsx b/src/views/SearchView.tsx
index fa71e329..fef0dc72 100644
--- a/src/views/SearchView.tsx
+++ b/src/views/SearchView.tsx
@@ -2,7 +2,6 @@ import { WatchedMediaCard } from "components/media/WatchedMediaCard";
 import { SearchBarInput } from "components/SearchBar";
 import {
   MWMassProviderOutput,
-  MWMedia,
   MWMediaType,
   MWQuery,
   SearchProviders,
@@ -17,7 +16,7 @@ import { Title } from "components/text/Title";
 import { useDebounce } from "hooks/useDebounce";
 import { useLoading } from "hooks/useLoading";
 import { IconPatch } from "components/buttons/IconPatch";
-import { BrandHeader } from "components/layout/BrandHeader";
+import { Navigation } from "components/layout/Navigation";
 
 function SearchLoading() {
   return <Loading className="my-12" text="Fetching your favourite shows..." />;
@@ -142,7 +141,7 @@ export function SearchView() {
 
   return (
     <>
-      <BrandHeader/>
+      <Navigation />
       <ThinContainer>
         {/* input section */}
         <div className="mt-44 space-y-16 text-center">