Bug: Unable to click pantry/meal icons next to mapbox logo

[SAUMILDHANKAR]

Describe the bug

Currently, in mobile view, user is unable to click on meal/pantry icons as the mapbox logo blocks the entire strip on the map.

(optional) What is the user’s goal? User should be able to click on meal/pantry icons.

Steps to reproduce the issue

1. Go to 'devla.foodoasis.net in mobile view'
2. Click on 'any meal or pantry icon next to mapbox logo'
3. Nothing happens

What's the expected result?

• User should be able to click on the meal/pantry icon and the icon should get centered and highlighted.

(if you have a suggested solution, you can add it here)

What's the actual result?

• Nothing happens

Additional details / screenshot

• Video recording (drag in)

https://github.com/user-attachments/assets/e123adb5-9efa-4de3-88f8-e355932d3030

Device configuration

• Device: [all]
• OS version: [all]
• Browser: [all]
• Browser version: [N/A]