diff --git a/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx b/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
index 46f48bd3a5..ce4ae871e3 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
@@ -9,7 +9,6 @@ import ManagedGroupSubscriptions from './managed-group-subscriptions'
 import ManagedInstitutions from './managed-institutions'
 import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
 import getMeta from '../../../../utils/meta'
-import { Alert } from 'react-bootstrap'
 
 function SubscriptionDashboard() {
   const { t } = useTranslation()
@@ -23,9 +22,9 @@ function SubscriptionDashboard() {
       <div className="row">
         <div className="col-md-8 col-md-offset-2">
           {fromPlansPage && (
-            <Alert bsStyle="warning">
+            <div className="alert alert-warning" aria-live="polite">
               {t('you_already_have_a_subscription')}
-            </Alert>
+            </div>
           )}
           <div className="card">
             <div className="page-header">