Fixed minimum width for no reason

src/App.tsx

@@ -73,7 +73,7 @@ const App: FC<AppProps> = (props) => {
       )}
       onKeyDown={handleCtrlS}
     >
-      <div>
+      <div className={styles.navbarContainer}>
         <Navbar />
         {mode === "review" && <ReviewNavbar />}
       </div>

src/app.module.scss

@@ -5,6 +5,10 @@
   grid-template-rows: auto 1fr;
 }
 
+.navbarContainer {
+  min-width: 0;
+}
+
 .appPedagoSplitter {
   height: 100%;
   border: none;

src/features/navbar/activity-info/style.module.scss

 .activityInfo {
-  flex-shrink: 1;
+  flex-shrink: 1 !important;
   flex-grow: 1;
   display: flex;
   justify-content: center;