diff --git a/.gitignore b/.gitignore
index 9c97bbd..a167bc6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 node_modules
 dist
 .env
+.DS_Store
diff --git a/src/layout.tsx b/src/layout.tsx
index b270362..60aaf0e 100644
--- a/src/layout.tsx
+++ b/src/layout.tsx
@@ -70,7 +70,7 @@ const Layout = (props: RouteSectionProps<unknown>) => {
           <span class="iconify tabler--binary-tree-filled text-[#76c4e5]"></span>
           <span>PDSls</span>
         </A>
-        <div class="relative -mr-1 flex items-center gap-1">
+        <div class="dark:bg-dark-300/50 relative -mr-1 flex items-center gap-1 rounded-lg bg-neutral-50/50">
           <Show when={location.pathname !== "/"}>
             <SearchButton />
           </Show>