[v14] Web: fix notification dropdown from being too long with max hei…

…ght (#42338)
gravitational · Jun 4, 2024 · ac6880b · ac6880b
1 parent 2981c66
commit ac6880b
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/web/packages/teleport/src/TopBar/Notifications/Notifications.tsx b/web/packages/teleport/src/TopBar/Notifications/Notifications.tsx
@@ -79,7 +79,12 @@ export function Notifications() {
 
       <Dropdown
         open={open}
-        style={{ width: '300px' }}
+        style={{
+          width: '300px',
+          maxHeight: '80vh',
+          overflowY: 'auto',
+          overflowX: 'hidden',
+        }}
         data-testid="tb-note-dropdown"
       >
         {items.length ? (