diff --git a/webapp/src/component/layout/TopBar/announcements/TopBarAnnouncementWithIcon.tsx b/webapp/src/component/layout/TopBar/announcements/TopBarAnnouncementWithIcon.tsx
index 855dfbf2b3..e1a5383e9b 100644
--- a/webapp/src/component/layout/TopBar/announcements/TopBarAnnouncementWithIcon.tsx
+++ b/webapp/src/component/layout/TopBar/announcements/TopBarAnnouncementWithIcon.tsx
@@ -26,9 +26,9 @@ export const TopBarAnnouncementWithIcon: FC<
   );
 };
 
-export const TopBarAnnouncementWithAlertIcon: FC = ({ children }) => {
+export const TopBarAnnouncementWithAlertIcon: FC = ({ children, ...props }) => {
   return (
-    <TopBarAnnouncementWithIcon icon={<AlertTriangle />}>
+    <TopBarAnnouncementWithIcon icon={<AlertTriangle />} {...props}>
       {children}
     </TopBarAnnouncementWithIcon>
   );