diff --git a/apps/renderer/src/modules/discover/feed-form.tsx b/apps/renderer/src/modules/discover/feed-form.tsx
index b6303f74f..dc23dce72 100644
--- a/apps/renderer/src/modules/discover/feed-form.tsx
+++ b/apps/renderer/src/modules/discover/feed-form.tsx
@@ -285,7 +285,9 @@ const FeedInnerForm = ({
                           htmlFor={view.name}
                           className={cn(
                             view.peerClassName,
-                            "center flex h-10 flex-col text-xs leading-none text-theme-vibrancyFg",
+                            "center flex h-10 flex-col text-xs leading-none opacity-80 duration-200 hover:opacity-90",
+                            "peer-checked:opacity-100",
+                            "whitespace-nowrap",
                           )}
                         >
                           <span className="text-lg">{view.icon}</span>