diff --git a/frontend/app_flowy/lib/plugins/grid/presentation/widgets/footer/grid_footer.dart b/frontend/app_flowy/lib/plugins/grid/presentation/widgets/footer/grid_footer.dart
index f7b5ab350a..fba4215891 100755
--- a/frontend/app_flowy/lib/plugins/grid/presentation/widgets/footer/grid_footer.dart
+++ b/frontend/app_flowy/lib/plugins/grid/presentation/widgets/footer/grid_footer.dart
@@ -14,7 +14,7 @@ class GridAddRowButton extends StatelessWidget {
     final theme = context.watch<AppTheme>();
     return FlowyButton(
       text: const FlowyText.medium('New row', fontSize: 12),
-      hoverColor: theme.hover,
+      hoverColor: theme.shader6,
       onTap: () => context.read<GridBloc>().add(const GridEvent.createRow()),
       leftIcon: svgWidget("home/add"),
     );
diff --git a/frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/grid_header.dart b/frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/grid_header.dart
index 1a8ed0be20..9d33768e65 100644
--- a/frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/grid_header.dart
+++ b/frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/grid_header.dart
@@ -156,7 +156,7 @@ class CreateFieldButton extends StatelessWidget {
 
     return FlowyButton(
       text: const FlowyText.medium('New column', fontSize: 12),
-      hoverColor: theme.hover,
+      hoverColor: theme.shader6,
       onTap: () => FieldEditor(
         gridId: gridId,
         fieldName: "",