diff --git a/lib/common/theme/theme.dart b/lib/common/theme/theme.dart
index 9c4561a..f4cda5d 100644
--- a/lib/common/theme/theme.dart
+++ b/lib/common/theme/theme.dart
@@ -56,11 +56,11 @@ class ThemeApp {
       ),
     ),
     appBarTheme: AppBarTheme(
-      backgroundColor: AppColor.white,
+      backgroundColor: AppColor.primary,
       elevation: 1,
       titleTextStyle: AppStyle.lg.copyWith(
         fontWeight: FontWeight.w600,
-        color: AppColor.primary,
+        color: AppColor.white,
       ),
     ),
   );
diff --git a/lib/presentation/pages/home/home_page.dart b/lib/presentation/pages/home/home_page.dart
index 879e1c8..82d7e74 100644
--- a/lib/presentation/pages/home/home_page.dart
+++ b/lib/presentation/pages/home/home_page.dart
@@ -1,7 +1,9 @@
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
+import 'package:line_icons/line_icons.dart';
 
 import '../../../common/theme/theme.dart';
+import '../../components/button/button.dart';
 import '../../components/spacer/spacer.dart';
 import 'widgets/activity.dart';
 import 'widgets/feature.dart';
@@ -124,37 +126,11 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
                 letterSpacing: -0.5,
               ),
             ),
-            backgroundColor: AppColor.white,
             foregroundColor: AppColor.textPrimary,
             elevation: 0,
-            scrolledUnderElevation: 8,
+            scrolledUnderElevation: 0,
             shadowColor: AppColor.primary.withOpacity(0.1),
-            actions: [
-              Container(
-                margin: const EdgeInsets.only(right: 16),
-                padding: const EdgeInsets.all(10),
-                decoration: BoxDecoration(
-                  gradient: LinearGradient(
-                    colors: [
-                      AppColor.primary.withOpacity(0.1),
-                      AppColor.primaryLight.withOpacity(0.05),
-                    ],
-                    begin: Alignment.topLeft,
-                    end: Alignment.bottomRight,
-                  ),
-                  borderRadius: BorderRadius.circular(12),
-                  border: Border.all(
-                    color: AppColor.primary.withOpacity(0.1),
-                    width: 1,
-                  ),
-                ),
-                child: const Icon(
-                  Icons.notifications_none_rounded,
-                  color: AppColor.primary,
-                  size: 20,
-                ),
-              ),
-            ],
+            actions: [ActionIconButton(onTap: () {}, icon: LineIcons.bell)],
           ),
         ),
       ),