Website Bug - Notifications box on indexing

So, I found a very minor bug in the indexing part of the family search website.

I tapped on the notifications bell in the top right of my indexing screen. (I was on https://www.familysearch.org/indexing/my-indexing when I noticed it.) But when I tapped on it, the website decided to create a horizontal scrolling option on the bottom of my screen. Like this:

There was no horizontal scroll bar before, but afterwards, there was. It only appears when I click on the notification bell, and goes away after I dismiss the notification screen. The website shouldn't be coded like this, because its confusing for the viewer. I took a web development class in the summer a while ago, so I used the google inspect code to see how the website was formatted.

I hopped in the code and tried fixing it myself, and it looks like the problem is the 'min-width' variable located here: (The x-path, I don't know what the standard is)

/html/body/div[1]/header/div[2]/div[2]/nav/div[2]/div

So, I tried fixing the problem myself, but couldn't find a solution I thought was better. Maybe the web development team can do something better? The closest I could do was just using either the view width, or by using percentages. I'm sure the clamped() function would be useful too. Sorry I can't be of more help.

Here are some of the specs that I am using in case someone wants to replicate this bug:

• Using windows 10
• Using Chrome Browser
• Computer screen width: 1920px. Height: 1080px.
• Using English
• I have more than 5 notifications it wants me to read (so that the "see more notifications" bit on the bottom shows up
• Bug noticed and tested on https://www.familysearch.org/indexing/my-indexing