diff --git a/lib/widgets/floating_navigation_bar.dart b/lib/widgets/floating_navigation_bar.dart
index 54a1cf7..f7c33c4 100644
--- a/lib/widgets/floating_navigation_bar.dart
+++ b/lib/widgets/floating_navigation_bar.dart
@@ -8,59 +8,73 @@ class FloatingNavigationBar extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final Color foregroundColor =
+        Theme.of(context).brightness == Brightness.dark
+            ? Theme.of(context).colorScheme.focusedBorder
+            : Theme.of(context).colorScheme.focused;
     return Container(
-      margin: const EdgeInsets.symmetric(horizontal: 32, vertical: 20),
+      margin: const EdgeInsets.only(left: 32, right: 32, bottom: 20),
       width: double.infinity,
       height: 48,
       padding: const EdgeInsets.symmetric(horizontal: 12),
       decoration: BoxDecoration(
-        color: Theme.of(context).colorScheme.surface,
+        color: Theme.of(context).colorScheme.navigation,
         borderRadius: BorderRadius.circular(24),
         border: Border.all(
           color: Theme.of(context).colorScheme.cardBorder,
         ),
       ),
-      child: Row(
-        children: [
-          IconButton(
-            onPressed: () => Navigator.of(context).pop(),
-            icon: const Icon(
-              Icons.arrow_back,
-            ),
+      child: Theme(
+        data: Theme.of(context).copyWith(
+          iconTheme: IconThemeData(
+            color: foregroundColor,
           ),
-          const Spacer(),
-          IconButton(
-            onPressed: () {},
-            icon: const Icon(
-              DidvanIcons.bookmark_regular,
+        ),
+        child: Row(
+          children: [
+            IconButton(
+              onPressed: () => Navigator.of(context).pop(),
+              icon: const Icon(
+                Icons.arrow_back,
+              ),
             ),
-          ),
-          IconButton(
-            onPressed: () {},
-            icon: const Icon(
-              DidvanIcons.evaluation_regular,
+            const Spacer(),
+            IconButton(
+              onPressed: () {},
+              icon: const Icon(
+                DidvanIcons.bookmark_regular,
+              ),
             ),
-          ),
-          SizedBox(
-            width: 48,
-            child: Row(
-              mainAxisAlignment: MainAxisAlignment.center,
-              children: const [
-                DidvanText('2'),
-                SizedBox(width: 4),
-                Icon(
-                  DidvanIcons.chats_regular,
-                ),
-              ],
+            IconButton(
+              onPressed: () {},
+              icon: const Icon(
+                DidvanIcons.evaluation_regular,
+              ),
             ),
-          ),
-          IconButton(
-            onPressed: () {},
-            icon: const Icon(
-              Icons.more_horiz,
+            SizedBox(
+              width: 48,
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  DidvanText(
+                    '2',
+                    color: foregroundColor,
+                  ),
+                  const SizedBox(width: 4),
+                  const Icon(
+                    DidvanIcons.chats_regular,
+                  ),
+                ],
+              ),
             ),
-          ),
-        ],
+            IconButton(
+              onPressed: () {},
+              icon: const Icon(
+                Icons.more_horiz,
+              ),
+            ),
+          ],
+        ),
       ),
     );
   }