Icon hover state tweaks

Author: samejr

apps/webapp/app/components/metrics/QueryWidget.tsx

@@ -185,7 +185,7 @@ export function QueryWidget({
                   <Button
                     variant="minimal/small"
                     LeadingIcon={Maximize2}
-                    leadingIconClassName="text-text-bright"
+                    leadingIconClassName="text-text-dimmed group-hover/button:text-text-bright"
                     onClick={() => setIsFullscreen(true)}
                     className="!px-1"
                   />

apps/webapp/app/components/query/QueryEditor.tsx

@@ -984,7 +984,7 @@ function QueryTitle({
           <Button
             variant="minimal/small"
             LeadingIcon={PencilSquareIcon}
-            leadingIconClassName="text-text-bright"
+            leadingIconClassName="text-text-dimmed group-hover/button:text-text-bright"
             className="opacity-0 transition-opacity group-hover:opacity-100"
             onClick={() => {
               setRenameValue(title);