diff --git a/frontend/app_flowy/lib/workspace/presentation/home/home_stack.dart b/frontend/app_flowy/lib/workspace/presentation/home/home_stack.dart
index ab92ff6d86..0232ec13a6 100644
--- a/frontend/app_flowy/lib/workspace/presentation/home/home_stack.dart
+++ b/frontend/app_flowy/lib/workspace/presentation/home/home_stack.dart
@@ -219,7 +219,7 @@ class HomeTopBar extends StatelessWidget {
           .padding(
             horizontal: HomeInsets.topBarTitlePadding,
           )
-          .bottomBorder(color: Colors.grey.shade300),
+          .bottomBorder(color: Theme.of(context).dividerColor),
     );
   }
 }
diff --git a/frontend/app_flowy/lib/workspace/presentation/home/menu/app/create_button.dart b/frontend/app_flowy/lib/workspace/presentation/home/menu/app/create_button.dart
index 363c1611cd..c067361c9c 100644
--- a/frontend/app_flowy/lib/workspace/presentation/home/menu/app/create_button.dart
+++ b/frontend/app_flowy/lib/workspace/presentation/home/menu/app/create_button.dart
@@ -27,7 +27,7 @@ class NewAppButton extends StatelessWidget {
     return SizedBox(
       height: HomeSizes.menuAddButtonHeight,
       child: child,
-    ).topBorder(color: Colors.grey.shade300);
+    ).topBorder(color: Theme.of(context).dividerColor);
   }
 
   Future<void> _showCreateAppDialog(BuildContext context) async {
diff --git a/frontend/app_flowy/packages/flowy_infra_ui/lib/style_widget/extension.dart b/frontend/app_flowy/packages/flowy_infra_ui/lib/style_widget/extension.dart
index bd6245563f..c41d3fc750 100644
--- a/frontend/app_flowy/packages/flowy_infra_ui/lib/style_widget/extension.dart
+++ b/frontend/app_flowy/packages/flowy_infra_ui/lib/style_widget/extension.dart
@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 export 'package:styled_widget/styled_widget.dart';
 
 extension FlowyStyledWidget on Widget {
-  Widget bottomBorder({double width = 0.5, Color color = Colors.grey}) {
+  Widget bottomBorder({double width = 1.0, Color color = Colors.grey}) {
     return Container(
       decoration: BoxDecoration(
         border: Border(
@@ -13,7 +13,7 @@ extension FlowyStyledWidget on Widget {
     );
   }
 
-  Widget topBorder({double width = 0.5, Color color = Colors.grey}) {
+  Widget topBorder({double width = 1.0, Color color = Colors.grey}) {
     return Container(
       decoration: BoxDecoration(
         border: Border(