Header component content shifts off screen

[devKiratu]

Describe the bug When the app is run on an android device, in the logged in state, the profile picture component of the header is slightly pushed off-screen

To Reproduce Steps to reproduce the behavior:

1. Run the app locally and scan the QR code using your android device. You can also scan the Development app QR code available on the README.md file of this repository.
2. On the home screen, press LOG IN followed by GO TO TABS button
3. You will notice the profile picture component/icon is slightly off screen, when on the Home tab

Expected behavior The header component should be inside the screen with a uniform horizontal margin. See the design mockup below:

Screenshots Below is the screenshot showing the error

Desktop (please complete the following information): N/A

Smartphone (please complete the following information):

• Device: [OPPO A12, model CPH2083]
• OS: [Android 9, ColorOS version 6.1.2]

Additional context N/A

[devKiratu]

@brianwachira I'd like to take up this issue

[brianwachira]

Alright, all the best!