From c6cd10dfcf9a5387ee4f23707aca97cc898ed3be Mon Sep 17 00:00:00 2001
From: Akarsh Jain <72064462+akarsh-jain-790@users.noreply.github.com>
Date: Mon, 1 May 2023 23:35:44 +0530
Subject: [PATCH] fix: hover state issue in icon picker for dark mode workspace
 name. (#2395)

---
 .../settings/widgets/settings_user_view.dart         | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/appflowy_flutter/lib/workspace/presentation/settings/widgets/settings_user_view.dart b/frontend/appflowy_flutter/lib/workspace/presentation/settings/widgets/settings_user_view.dart
index 9bcb2007e9..e77d6c4c86 100644
--- a/frontend/appflowy_flutter/lib/workspace/presentation/settings/widgets/settings_user_view.dart
+++ b/frontend/appflowy_flutter/lib/workspace/presentation/settings/widgets/settings_user_view.dart
@@ -168,6 +168,7 @@ class _CurrentIcon extends StatelessWidget {
             context: context,
             builder: (BuildContext context) {
               return SimpleDialog(
+                backgroundColor: Theme.of(context).canvasColor,
                 title: FlowyText.medium(
                   LocaleKeys.settings_user_selectAnIcon.tr(),
                   fontSize: FontSizes.s16,
@@ -263,11 +264,16 @@ class IconOption extends StatelessWidget {
   Widget build(BuildContext context) {
     return Material(
       color: Colors.transparent,
-      child: GestureDetector(
-        onTap: () {
+      child: IconButton(
+        iconSize: 15.0,
+        icon: svgWidget(
+          'emoji/$iconUrl',
+        ),
+        padding: EdgeInsets.zero,
+        hoverColor: Theme.of(context).colorScheme.tertiaryContainer,
+        onPressed: () {
           setIcon(iconUrl);
         },
-        child: svgWidget('emoji/$iconUrl'),
       ),
     );
   }