lib/presentation/views/main_menu/custom_navigation_bar.dart

@@ -82,8 +82,12 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
   Widget _buildNavItem(IconData icon, String label, int index) {
   final isSelected = currentIndex == index;
 
-    return GestureDetector(
+  return Expanded( // makes each nav item occupy equal width = large horizontal hitbox
+    child: GestureDetector(
       onTap: () => onTabTapped(index),
+      behavior: HitTestBehavior.opaque, // ensures the entire area is tappable
+      child: Padding(
+        padding: const EdgeInsets.symmetric(vertical: 5.0), // adds comfortable tap height
         child: Column(
           mainAxisSize: MainAxisSize.min,
           mainAxisAlignment: MainAxisAlignment.center,
@@ -103,6 +107,8 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
             ),
           ],
         ),
+      ),
+    ),
   );
 }