diff --git a/Frontend/src/app/components/docs/search-dialog.tsx b/Frontend/src/app/components/docs/search-dialog.tsx
index ce85348..42a0180 100644
--- a/Frontend/src/app/components/docs/search-dialog.tsx
+++ b/Frontend/src/app/components/docs/search-dialog.tsx
@@ -54,7 +54,10 @@ const QuickSearchDialog = (): ReactElement => {
     return (
         <>
             {/* Button to open */}
-            <div onClick={() => setOpen(true)}>
+            <div
+                className="hover:opacity-85 transition-all transform-gpu"
+                onClick={() => setOpen(true)}
+            >
                 <div className="absolute top-2.5 left-3 z-10">
                     <MagnifyingGlassIcon
                         className="absolute"