lib/presentation/views/main_menu/custom_navigation_bar.dart

@@ -52,15 +52,18 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
       ),
       backgroundColor: CustomTheme.backgroundColor,
       body: tabs[currentIndex],
-      extendBody: true,
-      bottomNavigationBar: BottomAppBar(
-        padding: const EdgeInsets.symmetric(horizontal: 10),
+      extendBody: true, // Enables floating effect
+      bottomNavigationBar: Padding(
+        padding: const EdgeInsets.only(left: 12.0, right: 12.0, bottom: 8.0),
+        child: Material(
           elevation: 10,
-        height: 60,
+          borderRadius: BorderRadius.circular(24),
           color: CustomTheme.primaryColor,
-        shape: null,
+          child: ClipRRect(
+            borderRadius: BorderRadius.circular(24),
+            child: SizedBox(
+              height: 60,
               child: Row(
-          mainAxisSize: MainAxisSize.max,
                 mainAxisAlignment: MainAxisAlignment.spaceAround,
                 children: <Widget>[
                   _buildNavItem(Icons.home, 'Home', 0),
@@ -70,6 +73,9 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
                 ],
               ),
             ),
+          ),
+        ),
+      ),
     );
   }