diff --git a/src/components/SearchButton.tsx b/src/components/SearchButton.tsx
index be68643..1ac196d 100644
--- a/src/components/SearchButton.tsx
+++ b/src/components/SearchButton.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { useCommand } from "@/hooks/use-command"
+import { cn } from "@/lib/utils"
 import { MagnifyingGlassIcon } from "@heroicons/react/20/solid"
 
 import { Button } from "./ui/button"
@@ -8,11 +9,15 @@ import { Button } from "./ui/button"
 export function SearchButton() {
   const { openCommand } = useCommand()
 
+  const customBackgroundImage = (window.CustomBackgroundImage as string) !== "" ? window.CustomBackgroundImage : undefined
+
   return (
     <Button
       variant="outline"
       size="sm"
-      className="cursor-pointer rounded-full bg-white px-[9px] hover:bg-accent/50 dark:bg-black dark:hover:bg-accent/50"
+      className={cn("rounded-full px-[9px] bg-white dark:bg-black", {
+        "bg-white/70 dark:bg-black/70": customBackgroundImage,
+      })}
       onClick={openCommand}
       title="Search"
     >