Active and Archive Tabs are not properly visible in Shifting Page

[nithish1018]

Describe the bug
When we open the Shifting Page in Desktop, the Tabs: Active & Archive are not properly visible, making it difficult for the user to switch between them.

To Reproduce
Steps to reproduce the behavior:

1. Go to Facility Page
2. Check Active and Archive Tabs
3. On Desktop view, we can't seamlessly switch between them

Expected behavior
The Active & Archive tabs should appear properly for easy switch between them.
This can be fixed by adjusting the other elements in the same row

Screenshots
This is how it looks on Desktop View ( 100%):

This is how it looks in mobile view:

Desktop (please complete the following information):

• OS: Windows
• Browser: Chrome
• Version: Latest

[nithish1018]

I'd like to work on this issue, please assign this to me

[bodhish]

@nithish1018 which screen size are you finding the UI failing?

[nithish1018]

@nithish1018 which screen size are you finding the UI failing?

It's a 14-inch screen with 1080p resolution

[bodhish]

Can you share a screen recording?

[nithish1018]

Can you share a screen recording?

Here's the screen recording:

20241022-0938-47.1141027.mp4

[bodhish]

Is the app running on full screen?

[nithish1018]

Is the app running on full screen?

Yes, it was running on full screen