diff --git a/frontend/appflowy_flutter/lib/workspace/application/appearance.dart b/frontend/appflowy_flutter/lib/workspace/application/appearance.dart
index d7dbc10377..4c8f8ea80a 100644
--- a/frontend/appflowy_flutter/lib/workspace/application/appearance.dart
+++ b/frontend/appflowy_flutter/lib/workspace/application/appearance.dart
@@ -253,7 +253,6 @@ class AppearanceSettingsState with _$AppearanceSettingsState {
       disabledColor: theme.shader4,
       highlightColor: theme.main1,
       indicatorColor: theme.main1,
-      toggleableActiveColor: theme.main1,
       cardColor: theme.input,
       colorScheme: ColorScheme(
         brightness: brightness,
diff --git a/frontend/appflowy_flutter/packages/flowy_infra/lib/image.dart b/frontend/appflowy_flutter/packages/flowy_infra/lib/image.dart
index 0566f207e9..7a060fc185 100644
--- a/frontend/appflowy_flutter/packages/flowy_infra/lib/image.dart
+++ b/frontend/appflowy_flutter/packages/flowy_infra/lib/image.dart
@@ -1,7 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 
-
 /// For icon that needs to change color when it is on hovered
 ///
 /// Get the hover color from ThemeData
@@ -12,16 +11,11 @@ class FlowySvg extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    if (size != null) {
-      return SizedBox.fromSize(
-        size: size,
-        child: SvgPicture.asset('assets/images/$name.svg',
-            color: Theme.of(context).iconTheme.color),
-      );
-    } else {
-      return SvgPicture.asset('assets/images/$name.svg',
-          color: Theme.of(context).iconTheme.color);
-    }
+    return svgWidget(
+      'assets/images/$name.svg',
+      size: size,
+      color: Theme.of(context).iconTheme.color,
+    );
   }
 }