fix: search component and breadcrumbs fix

components/reading-settings.tsx

@@ -188,16 +188,20 @@ export function ReadingSettings() {
 
   return (
     <div className="relative">
-      <Button
+      <button
         ref={buttonRef as React.Ref<HTMLButtonElement>}
-        variant="ghost"
-        size="icon-sm"
         aria-label="Reading settings"
         aria-expanded={open}
         onClick={() => setOpen((v) => !v)}
+        className={cn(
+          "size-9 inline-flex items-center justify-center rounded-lg",
+          "text-muted-foreground hover:text-foreground hover:bg-muted",
+          "transition-colors outline-none",
+          "focus-visible:ring-2 focus-visible:ring-ring",
+        )}
       >
-        <Settings className="size-4" />
-      </Button>
+        <Settings className="size-5 md:size-4" />
+      </button>
 
       {open && (
         <div