diff --git a/package-lock.json b/package-lock.json
index 087d59fce9..c94500986d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16487,9 +16487,9 @@
     },
     "node_modules/bootstrap-5": {
       "name": "bootstrap",
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
-      "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
+      "version": "5.3.6",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.6.tgz",
+      "integrity": "sha512-jX0GAcRzvdwISuvArXn3m7KZscWWFAf1MKBcnzaN02qWMb3jpMoUX4/qgeiGzqyIb4ojulRzs89UCUmGcFSzTA==",
       "dev": true,
       "funding": [
         {
@@ -16501,6 +16501,7 @@
           "url": "https://opencollective.com/bootstrap"
         }
       ],
+      "license": "MIT",
       "peerDependencies": {
         "@popperjs/core": "^2.11.8"
       }
@@ -34373,17 +34374,17 @@
         "react": ">=16.4.1"
       }
     },
-    "node_modules/react-bootstrap-5": {
-      "name": "react-bootstrap",
-      "version": "2.10.5",
-      "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.10.5.tgz",
-      "integrity": "sha512-XueAOEn64RRkZ0s6yzUTdpFtdUXs5L5491QU//8ZcODKJNDLt/r01tNyriZccjgRImH1REynUc9pqjiRMpDLWQ==",
+    "node_modules/react-bootstrap": {
+      "version": "2.10.10",
+      "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.10.10.tgz",
+      "integrity": "sha512-gMckKUqn8aK/vCnfwoBpBVFUGT9SVQxwsYrp9yDHt0arXMamxALerliKBxr1TPbntirK/HGrUAHYbAeQTa9GHQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.24.7",
         "@restart/hooks": "^0.4.9",
-        "@restart/ui": "^1.6.9",
+        "@restart/ui": "^1.9.4",
+        "@types/prop-types": "^15.7.12",
         "@types/react-transition-group": "^4.4.6",
         "classnames": "^2.3.2",
         "dom-helpers": "^5.2.1",
@@ -44897,7 +44898,7 @@
         "babel-plugin-module-resolver": "^5.0.2",
         "backbone": "^1.6.0",
         "bootstrap": "^3.4.1",
-        "bootstrap-5": "npm:bootstrap@^5.3.3",
+        "bootstrap-5": "npm:bootstrap@^5.3.6",
         "c8": "^7.2.0",
         "chai": "^4.3.6",
         "chai-as-promised": "^7.1.1",
@@ -44962,7 +44963,7 @@
         "prop-types": "^15.7.2",
         "qrcode": "^1.4.4",
         "react": "^18.3.1",
-        "react-bootstrap-5": "npm:react-bootstrap@^2.10.5",
+        "react-bootstrap": "^2.10.10",
         "react-chartjs-2": "^5.0.1",
         "react-color": "^2.19.3",
         "react-dnd": "^16.0.1",
diff --git a/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu.tsx
index 392793ec9c..40eed9e77e 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu.tsx
@@ -3,7 +3,7 @@ import LeftMenuMask from './left-menu-mask'
 import classNames from 'classnames'
 import { lazy, memo, Suspense } from 'react'
 import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
-import { Offcanvas } from 'react-bootstrap-5'
+import { Offcanvas } from 'react-bootstrap'
 import { EditorLeftMenuProvider } from './editor-left-menu-context'
 import withErrorBoundary from '@/infrastructure/error-boundary'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-menu-select.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-menu-select.tsx
index a6a68cd5f9..6b1f06ec36 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-menu-select.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-menu-select.tsx
@@ -2,7 +2,7 @@ import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
 import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
 import OLFormSelect from '@/features/ui/components/ol/ol-form-select'
 import { ChangeEventHandler, useCallback, useEffect, useRef } from 'react'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 import { useEditorLeftMenuContext } from '@/features/editor-left-menu/components/editor-left-menu-context'
 
 type PossibleValue = string | number | boolean
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.tsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.tsx
index 748dd565c8..ff0fbda5f1 100644
--- a/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.tsx
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.tsx
@@ -1,5 +1,5 @@
 import { memo, useCallback, forwardRef } from 'react'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 import {
   Dropdown,
   DropdownItem,
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx
index 7afdbbdd55..7e02183641 100644
--- a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx
@@ -24,7 +24,7 @@ import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
 import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
 import OLForm from '@/features/ui/components/ol/ol-form'
 import OLFormSelect from '@/features/ui/components/ol/ol-form-select'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 
 export default function FileTreeImportFromProject() {
   const { t } = useTranslation()
diff --git a/services/web/frontend/js/features/group-management/components/add-seats/add-seats.tsx b/services/web/frontend/js/features/group-management/components/add-seats/add-seats.tsx
index 79f20ff60f..ab9f96a975 100644
--- a/services/web/frontend/js/features/group-management/components/add-seats/add-seats.tsx
+++ b/services/web/frontend/js/features/group-management/components/add-seats/add-seats.tsx
@@ -13,7 +13,7 @@ import {
   FormGroup,
   FormLabel,
   FormControl,
-} from 'react-bootstrap-5'
+} from 'react-bootstrap'
 import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
 import Button from '@/features/ui/components/bootstrap-5/button'
 import PoNumber from '@/features/group-management/components/add-seats/po-number'
diff --git a/services/web/frontend/js/features/group-management/components/add-seats/cost-summary.tsx b/services/web/frontend/js/features/group-management/components/add-seats/cost-summary.tsx
index d13c543852..21e19ce257 100644
--- a/services/web/frontend/js/features/group-management/components/add-seats/cost-summary.tsx
+++ b/services/web/frontend/js/features/group-management/components/add-seats/cost-summary.tsx
@@ -1,5 +1,5 @@
 import { Trans, useTranslation } from 'react-i18next'
-import { Card, ListGroup } from 'react-bootstrap-5'
+import { Card, ListGroup } from 'react-bootstrap'
 import { formatCurrency } from '@/shared/utils/currency'
 import { formatTime } from '@/features/utils/format-date'
 import {
diff --git a/services/web/frontend/js/features/group-management/components/add-seats/po-number.tsx b/services/web/frontend/js/features/group-management/components/add-seats/po-number.tsx
index c66f5cd3fd..c6257553d6 100644
--- a/services/web/frontend/js/features/group-management/components/add-seats/po-number.tsx
+++ b/services/web/frontend/js/features/group-management/components/add-seats/po-number.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { FormControl, FormGroup, FormLabel } from 'react-bootstrap-5'
+import { FormControl, FormGroup, FormLabel } from 'react-bootstrap'
 import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
 import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
 
diff --git a/services/web/frontend/js/features/group-management/components/card.tsx b/services/web/frontend/js/features/group-management/components/card.tsx
index 04b858ba7a..ff51231f5a 100644
--- a/services/web/frontend/js/features/group-management/components/card.tsx
+++ b/services/web/frontend/js/features/group-management/components/card.tsx
@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next'
 import getMeta from '@/utils/meta'
 import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
-import { Card as BSCard, CardBody, Col, Row } from 'react-bootstrap-5'
+import { Card as BSCard, CardBody, Col, Row } from 'react-bootstrap'
 import IconButton from '@/features/ui/components/bootstrap-5/icon-button'
 
 type CardProps = {
diff --git a/services/web/frontend/js/features/group-management/components/members-table/dropdown-button.tsx b/services/web/frontend/js/features/group-management/components/members-table/dropdown-button.tsx
index a78f08d40c..bd3b5ee10e 100644
--- a/services/web/frontend/js/features/group-management/components/members-table/dropdown-button.tsx
+++ b/services/web/frontend/js/features/group-management/components/members-table/dropdown-button.tsx
@@ -19,7 +19,7 @@ import { useGroupMembersContext } from '../../context/group-members-context'
 import getMeta from '@/utils/meta'
 import MaterialIcon from '@/shared/components/material-icon'
 import DropdownListItem from '@/features/ui/components/bootstrap-5/dropdown-list-item'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 
 type resendInviteResponse = {
   success: boolean
diff --git a/services/web/frontend/js/features/group-management/components/request-status.tsx b/services/web/frontend/js/features/group-management/components/request-status.tsx
index e7bf3d9cff..637380ac13 100644
--- a/services/web/frontend/js/features/group-management/components/request-status.tsx
+++ b/services/web/frontend/js/features/group-management/components/request-status.tsx
@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next'
-import { Card, CardBody, Row, Col } from 'react-bootstrap-5'
+import { Card, CardBody, Row, Col } from 'react-bootstrap'
 import Button from '@/features/ui/components/bootstrap-5/button'
 import MaterialIcon from '@/shared/components/material-icon'
 import getMeta from '@/utils/meta'
diff --git a/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-plan-details.tsx b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-plan-details.tsx
index a0a95fc692..85088d74af 100644
--- a/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-plan-details.tsx
+++ b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-plan-details.tsx
@@ -1,7 +1,7 @@
 import getMeta from '@/utils/meta'
 import { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Card, Row, Col } from 'react-bootstrap-5'
+import { Card, Row, Col } from 'react-bootstrap'
 import MaterialIcon from '@/shared/components/material-icon'
 import { formatCurrency } from '@/shared/utils/currency'
 
diff --git a/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-upgrade-summary.tsx b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-upgrade-summary.tsx
index 23cb76a294..6d3f76e5a2 100644
--- a/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-upgrade-summary.tsx
+++ b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-upgrade-summary.tsx
@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next'
-import { Card, ListGroup } from 'react-bootstrap-5'
+import { Card, ListGroup } from 'react-bootstrap'
 import { formatCurrency } from '@/shared/utils/currency'
 import { formatTime } from '@/features/utils/format-date'
 import {
diff --git a/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription.tsx b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription.tsx
index f5750ae349..467ce88dea 100644
--- a/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription.tsx
+++ b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription.tsx
@@ -1,7 +1,7 @@
 import getMeta from '@/utils/meta'
 import { postJSON } from '@/infrastructure/fetch-json'
 import { useTranslation, Trans } from 'react-i18next'
-import { Card, Row, Col } from 'react-bootstrap-5'
+import { Card, Row, Col } from 'react-bootstrap'
 import IconButton from '@/features/ui/components/bootstrap-5/icon-button'
 import Button from '@/features/ui/components/bootstrap-5/button'
 import UpgradeSubscriptionPlanDetails from './upgrade-subscription-plan-details'
diff --git a/services/web/frontend/js/features/ide-redesign/components/rail.tsx b/services/web/frontend/js/features/ide-redesign/components/rail.tsx
index c3e14edfcb..8f54331630 100644
--- a/services/web/frontend/js/features/ide-redesign/components/rail.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/rail.tsx
@@ -1,6 +1,6 @@
 import { FC, ReactElement, useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Nav, NavLink, Tab, TabContainer } from 'react-bootstrap-5'
+import { Nav, NavLink, Tab, TabContainer } from 'react-bootstrap'
 import MaterialIcon, {
   AvailableUnfilledIcon,
 } from '@/shared/components/material-icon'
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/dropdown-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/dropdown-setting.tsx
index 957acdce6e..47c5c54ef0 100644
--- a/services/web/frontend/js/features/ide-redesign/components/settings/dropdown-setting.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/dropdown-setting.tsx
@@ -2,7 +2,7 @@ import OLFormSelect from '@/features/ui/components/ol/ol-form-select'
 import { ChangeEventHandler, useCallback } from 'react'
 import Setting from './setting'
 import classNames from 'classnames'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 
 type PossibleValue = string | number | boolean
 
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/settings-modal-body.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/settings-modal-body.tsx
index f1a6099c6d..b9a1fddbfe 100644
--- a/services/web/frontend/js/features/ide-redesign/components/settings/settings-modal-body.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/settings-modal-body.tsx
@@ -8,7 +8,7 @@ import {
   TabContainer,
   TabContent,
   TabPane,
-} from 'react-bootstrap-5'
+} from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 import EditorSettings from './editor-settings/editor-settings'
 import AppearanceSettings from './appearance-settings/appearance-settings'
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/change-layout-options.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/change-layout-options.tsx
index 3c3126e8da..19d4905d22 100644
--- a/services/web/frontend/js/features/ide-redesign/components/toolbar/change-layout-options.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/change-layout-options.tsx
@@ -12,7 +12,7 @@ import { useTranslation } from 'react-i18next'
 import * as eventTracking from '../../../../infrastructure/event-tracking'
 import useEventListener from '@/shared/hooks/use-event-listener'
 import { DetachRole } from '@/shared/context/detach-context'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 
 type LayoutOption = 'sideBySide' | 'editorOnly' | 'pdfOnly' | 'detachedPdf'
 
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.tsx
index 4a000e9a41..b5b9c8609c 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.tsx
@@ -9,7 +9,7 @@ import PdfHybridDownloadButton from './pdf-hybrid-download-button'
 import PdfHybridCodeCheckButton from './pdf-hybrid-code-check-button'
 import PdfOrphanRefreshButton from './pdf-orphan-refresh-button'
 import { DetachedSynctexControl } from './detach-synctex-control'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 
 const ORPHAN_UI_TIMEOUT_MS = 5000
 
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx
index e20b08617f..0167a98db1 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx
@@ -7,8 +7,8 @@ import * as eventTracking from '../../../infrastructure/event-tracking'
 import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
 import OLButton from '@/features/ui/components/ol/ol-button'
 import MaterialIcon from '@/shared/components/material-icon'
-import { Spinner } from 'react-bootstrap-5'
-import { Placement } from 'react-bootstrap-5/types'
+import { Spinner } from 'react-bootstrap'
+import { Placement } from 'react-bootstrap/types'
 import useSynctex from '../hooks/use-synctex'
 
 const GoToCodeButton = memo(function GoToCodeButton({
diff --git a/services/web/frontend/js/features/project-list/components/dropdown/actions-dropdown.tsx b/services/web/frontend/js/features/project-list/components/dropdown/actions-dropdown.tsx
index 058f0319ce..7b2bd909f8 100644
--- a/services/web/frontend/js/features/project-list/components/dropdown/actions-dropdown.tsx
+++ b/services/web/frontend/js/features/project-list/components/dropdown/actions-dropdown.tsx
@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 import {
   Dropdown,
   DropdownItem,
diff --git a/services/web/frontend/js/features/project-list/components/sidebar/sidebar-ds-nav.tsx b/services/web/frontend/js/features/project-list/components/sidebar/sidebar-ds-nav.tsx
index 3c2b3a09c0..2aaed364a7 100644
--- a/services/web/frontend/js/features/project-list/components/sidebar/sidebar-ds-nav.tsx
+++ b/services/web/frontend/js/features/project-list/components/sidebar/sidebar-ds-nav.tsx
@@ -5,7 +5,7 @@ import NewProjectButton from '../new-project-button'
 import SidebarFilters from './sidebar-filters'
 import AddAffiliation, { useAddAffiliation } from '../add-affiliation'
 import { usePersistedResize } from '@/shared/hooks/use-resize'
-import { Dropdown } from 'react-bootstrap-5'
+import { Dropdown } from 'react-bootstrap'
 import getMeta from '@/utils/meta'
 import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
 import { useTranslation } from 'react-i18next'
diff --git a/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx b/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx
index a683201d0b..b65d4b3f0a 100644
--- a/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx
+++ b/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx
@@ -8,7 +8,7 @@ import classnames from 'classnames'
 import MaterialIcon from '@/shared/components/material-icon'
 import Tag from '@/features/ui/components/bootstrap-5/tag'
 import { DropdownItem } from '@/features/ui/components/bootstrap-5/dropdown-menu'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 
 // Unicode characters in these Unicode groups:
 //  "General Punctuation — Spaces"
diff --git a/services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.tsx b/services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.tsx
index cabf2ddd70..3f08fdf3a1 100644
--- a/services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.tsx
+++ b/services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.tsx
@@ -11,7 +11,7 @@ import OLModal, {
 } from '@/features/ui/components/ol/ol-modal'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
 import OLButton from '@/features/ui/components/ol/ol-button'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 
 const ReadOnlyTokenLink = lazy(() =>
   import('./link-sharing').then(({ ReadOnlyTokenLink }) => ({
diff --git a/services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.jsx b/services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.jsx
index 81961d7ede..fec3e941ea 100644
--- a/services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.jsx
+++ b/services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.jsx
@@ -12,7 +12,7 @@ import OLModal, {
 } from '@/features/ui/components/ol/ol-modal'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
 import OLButton from '@/features/ui/components/ol/ol-button'
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 
 export default function TransferOwnershipModal({ member, cancel }) {
   const { t } = useTranslation()
diff --git a/services/web/frontend/js/features/socket-diagnostics/components/diagnostic-component.tsx b/services/web/frontend/js/features/socket-diagnostics/components/diagnostic-component.tsx
index 7adddc5329..91829a09e2 100644
--- a/services/web/frontend/js/features/socket-diagnostics/components/diagnostic-component.tsx
+++ b/services/web/frontend/js/features/socket-diagnostics/components/diagnostic-component.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import classnames from 'classnames'
 import type { ConnectionStatus } from './types'
-import { Badge, Button } from 'react-bootstrap-5'
+import { Badge, Button } from 'react-bootstrap'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
 import MaterialIcon from '@/shared/components/material-icon'
 
diff --git a/services/web/frontend/js/features/socket-diagnostics/components/socket-diagnostics.tsx b/services/web/frontend/js/features/socket-diagnostics/components/socket-diagnostics.tsx
index 498a9ecc23..39876d250e 100644
--- a/services/web/frontend/js/features/socket-diagnostics/components/socket-diagnostics.tsx
+++ b/services/web/frontend/js/features/socket-diagnostics/components/socket-diagnostics.tsx
@@ -7,7 +7,7 @@ import {
   DiagnosticItem,
   ErrorAlert,
 } from './diagnostic-component'
-import { Col, Container, Row } from 'react-bootstrap-5'
+import { Col, Container, Row } from 'react-bootstrap'
 import MaterialIcon from '@/shared/components/material-icon'
 import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
 import { CopyToClipboard } from '@/shared/components/copy-to-clipboard'
diff --git a/services/web/frontend/js/features/source-editor/components/full-project-search-button.tsx b/services/web/frontend/js/features/source-editor/components/full-project-search-button.tsx
index 235a4428f3..698204d89c 100644
--- a/services/web/frontend/js/features/source-editor/components/full-project-search-button.tsx
+++ b/services/web/frontend/js/features/source-editor/components/full-project-search-button.tsx
@@ -7,7 +7,7 @@ import { forwardRef, memo, Ref, useCallback, useEffect, useRef } from 'react'
 import { useCodeMirrorViewContext } from './codemirror-context'
 import MaterialIcon from '@/shared/components/material-icon'
 import { useTranslation } from 'react-i18next'
-import { Overlay, Popover } from 'react-bootstrap-5'
+import { Overlay, Popover } from 'react-bootstrap'
 import Close from '@/shared/components/close'
 import useTutorial from '@/shared/hooks/promotions/use-tutorial'
 import { useEditorContext } from '@/shared/context/editor-context'
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions-language.tsx b/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions-language.tsx
index 59c995f760..be65d00bfa 100644
--- a/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions-language.tsx
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions-language.tsx
@@ -1,7 +1,7 @@
 import { memo, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
-import { Dropdown } from 'react-bootstrap-5'
+import { Dropdown } from 'react-bootstrap'
 import MaterialIcon from '@/shared/components/material-icon'
 
 export const SpellingSuggestionsLanguage = memo<{
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx b/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx
index 4fc78bccc2..724f79c652 100644
--- a/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx
@@ -15,7 +15,7 @@ import { SpellingSuggestionsLanguage } from './spelling-suggestions-language'
 import { captureException } from '@/infrastructure/error-reporter'
 import { debugConsole } from '@/utils/debugging'
 import { SpellCheckLanguage } from '../../../../../../types/project-settings'
-import { Dropdown } from 'react-bootstrap-5'
+import { Dropdown } from 'react-bootstrap'
 
 const ITEMS_TO_SHOW = 8
 
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/pause-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/pause-modal.tsx
index fa47be6a5c..b9b79a28f9 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/pause-modal.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/pause-modal.tsx
@@ -10,7 +10,7 @@ import OLModal, {
 import { Select } from '@/shared/components/select'
 import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
 import Button from '@/features/ui/components/bootstrap-5/button'
-import { Stack } from 'react-bootstrap-5'
+import { Stack } from 'react-bootstrap'
 import { debugConsole } from '@/utils/debugging'
 import * as eventTracking from '../../../../infrastructure/event-tracking'
 import PauseDuck from '../../images/pause-duck.svg'
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx
index 521f670e5f..82952445e6 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx
@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next'
 import getMeta from '@/utils/meta'
-import { Dropdown, DropdownMenu, DropdownToggle } from 'react-bootstrap-5'
+import { Dropdown, DropdownMenu, DropdownToggle } from 'react-bootstrap'
 import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
 import MaterialIcon from '@/shared/components/material-icon'
 import {
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/writefull-bundle-management-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/writefull-bundle-management-modal.tsx
index d5933d137a..7d7c971197 100644
--- a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/writefull-bundle-management-modal.tsx
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/writefull-bundle-management-modal.tsx
@@ -9,7 +9,7 @@ import OLModal, {
 } from '@/features/ui/components/ol/ol-modal'
 import OLButton from '@/features/ui/components/ol/ol-button'
 import sparkle from '@/shared/svgs/sparkle.svg'
-import { Dropdown, DropdownMenu, DropdownToggle } from 'react-bootstrap-5'
+import { Dropdown, DropdownMenu, DropdownToggle } from 'react-bootstrap'
 import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
 import MaterialIcon from '@/shared/components/material-icon'
 import { ADD_ON_NAME } from '@/features/subscription/data/add-on-codes'
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/badge-link-with-tooltip.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/badge-link-with-tooltip.tsx
index aea97ad6f2..43910f1a4c 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/badge-link-with-tooltip.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/badge-link-with-tooltip.tsx
@@ -1,4 +1,4 @@
-import { OverlayTrigger, Tooltip } from 'react-bootstrap-5'
+import { OverlayTrigger, Tooltip } from 'react-bootstrap'
 import type { MergeAndOverride } from '../../../../../../types/utils'
 import BadgeLink, { type BadgeLinkProps } from './badge-link'
 import { useEffect, useRef, useState } from 'react'
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/badge.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/badge.tsx
index 0e66500bc0..642be2e6b2 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/badge.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/badge.tsx
@@ -1,4 +1,4 @@
-import { Badge as BSBadge, BadgeProps as BSBadgeProps } from 'react-bootstrap-5'
+import { Badge as BSBadge, BadgeProps as BSBadgeProps } from 'react-bootstrap'
 import { MergeAndOverride } from '../../../../../../types/utils'
 
 export type BadgeProps = MergeAndOverride<
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/button.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/button.tsx
index 2bbc97c695..cede608249 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/button.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/button.tsx
@@ -1,5 +1,5 @@
 import { forwardRef } from 'react'
-import { Button as BS5Button, Spinner } from 'react-bootstrap-5'
+import { Button as BS5Button, Spinner } from 'react-bootstrap'
 import type { ButtonProps } from '@/features/ui/components/types/button-props'
 import classNames from 'classnames'
 import { useTranslation } from 'react-i18next'
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-menu.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-menu.tsx
index aa35c158d9..402d465923 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-menu.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-menu.tsx
@@ -7,8 +7,7 @@ import {
   DropdownDivider as BS5DropdownDivider,
   DropdownHeader as BS5DropdownHeader,
   Button as BS5Button,
-  type ButtonProps,
-} from 'react-bootstrap-5'
+} from 'react-bootstrap'
 import type {
   DropdownProps,
   DropdownItemProps,
@@ -109,19 +108,20 @@ const ForwardReferredDropdownItem = fixedForwardRef(DropdownItem, {
 
 export { ForwardReferredDropdownItem as DropdownItem }
 
-export const DropdownToggleCustom = forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ children, className, ...props }, ref) => (
-    <BS5Button
-      ref={ref}
-      className={classnames('custom-toggle', className)}
-      {...props}
-    >
-      {children}
-      <MaterialIcon type="expand_more" />
-    </BS5Button>
-  )
-)
-DropdownToggleCustom.displayName = 'CustomCaret'
+export const DropdownToggleCustom = forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof BS5Button>
+>(({ children, className, ...props }, ref) => (
+  <BS5Button
+    ref={ref}
+    className={classnames('custom-toggle', className)}
+    {...props}
+  >
+    {children}
+    <MaterialIcon type="expand_more" />
+  </BS5Button>
+))
+DropdownToggleCustom.displayName = 'DropdownToggleCustom'
 
 export const DropdownToggle = forwardRef<
   typeof BS5DropdownToggle,
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-toggle-with-tooltip.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-toggle-with-tooltip.tsx
index f2ba81fbad..cdf20e3dd3 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-toggle-with-tooltip.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-toggle-with-tooltip.tsx
@@ -1,12 +1,12 @@
 import { ReactNode, forwardRef } from 'react'
-import { BsPrefixRefForwardingComponent } from 'react-bootstrap-5/helpers'
+import { BsPrefixRefForwardingComponent } from 'react-bootstrap/helpers'
 import type { DropdownToggleProps } from '@/features/ui/components/types/dropdown-menu-props'
 import {
   DropdownToggle as BS5DropdownToggle,
   OverlayTrigger,
   OverlayTriggerProps,
   Tooltip,
-} from 'react-bootstrap-5'
+} from 'react-bootstrap'
 import type { MergeAndOverride } from '../../../../../../types/utils'
 
 type DropdownToggleWithTooltipProps = MergeAndOverride<
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx
index 178bab52c1..5a4ab4f00f 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx
@@ -1,8 +1,5 @@
 import React, { forwardRef } from 'react'
-import {
-  Form,
-  FormControlProps as BS5FormControlProps,
-} from 'react-bootstrap-5'
+import { Form, FormControlProps as BS5FormControlProps } from 'react-bootstrap'
 import classnames from 'classnames'
 
 export type OLBS5FormControlProps = BS5FormControlProps & {
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-feedback.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-feedback.tsx
index 85c91031ba..67c31aa96c 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-feedback.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-feedback.tsx
@@ -1,4 +1,4 @@
-import { Form } from 'react-bootstrap-5'
+import { Form } from 'react-bootstrap'
 import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
 import { ComponentProps } from 'react'
 
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-group.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-group.tsx
index 19b88cdc65..5807ef9839 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-group.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-group.tsx
@@ -1,5 +1,5 @@
 import { forwardRef } from 'react'
-import { FormGroup as BS5FormGroup, FormGroupProps } from 'react-bootstrap-5'
+import { FormGroup as BS5FormGroup, FormGroupProps } from 'react-bootstrap'
 import classnames from 'classnames'
 
 const FormGroup = forwardRef<typeof BS5FormGroup, FormGroupProps>(
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-text.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-text.tsx
index fe9b939680..78a962ad49 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-text.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-text.tsx
@@ -1,4 +1,4 @@
-import { Form, FormTextProps as BS5FormTextProps } from 'react-bootstrap-5'
+import { Form, FormTextProps as BS5FormTextProps } from 'react-bootstrap'
 import MaterialIcon from '@/shared/components/material-icon'
 import classnames from 'classnames'
 import { MergeAndOverride } from '../../../../../../../types/utils'
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/account-menu-items.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/account-menu-items.tsx
index 825d56c100..2b6ed6a64b 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/account-menu-items.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/account-menu-items.tsx
@@ -1,4 +1,4 @@
-import { Dropdown } from 'react-bootstrap-5'
+import { Dropdown } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 import getMeta from '@/utils/meta'
 import type { NavbarSessionUser } from '@/features/ui/components/types/navbar'
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/contact-us-item.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/contact-us-item.tsx
index 80d731cc46..d14be5ab55 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/contact-us-item.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/contact-us-item.tsx
@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next'
-import { DropdownItem } from 'react-bootstrap-5'
+import { DropdownItem } from 'react-bootstrap'
 import DropdownListItem from '@/features/ui/components/bootstrap-5/dropdown-list-item'
 import {
   type ExtraSegmentations,
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/default-navbar.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/default-navbar.tsx
index 9066f5bbe7..a5fb5afd10 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/default-navbar.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/default-navbar.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import { sendMB } from '@/infrastructure/event-tracking'
 import { useTranslation } from 'react-i18next'
-import { Button, Container, Nav, Navbar } from 'react-bootstrap-5'
+import { Button, Container, Nav, Navbar } from 'react-bootstrap'
 import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
 import AdminMenu from '@/features/ui/components/bootstrap-5/navbar/admin-menu'
 import type { DefaultNavbarMetadata } from '@/features/ui/components/types/default-navbar-metadata'
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-link-item.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-link-item.tsx
index 5acc808c21..1d418a344b 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-link-item.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-link-item.tsx
@@ -1,7 +1,7 @@
 import { ReactNode } from 'react'
 import DropdownListItem from '@/features/ui/components/bootstrap-5/dropdown-list-item'
-import { DropdownItem } from 'react-bootstrap-5'
-import { DropdownItemProps } from 'react-bootstrap-5/DropdownItem'
+import { DropdownItem } from 'react-bootstrap'
+import { DropdownItemProps } from 'react-bootstrap/DropdownItem'
 
 export default function NavDropdownLinkItem({
   href,
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu.tsx
index 6c588eef46..9b962238c1 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu.tsx
@@ -1,5 +1,5 @@
 import { type ReactNode, useState } from 'react'
-import { Dropdown } from 'react-bootstrap-5'
+import { Dropdown } from 'react-bootstrap'
 import { CaretUp, CaretDown } from '@phosphor-icons/react'
 import { useDsNavStyle } from '@/features/project-list/components/use-is-ds-nav'
 
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-item.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-item.tsx
index 58295a47eb..3a55f2791b 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-item.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-item.tsx
@@ -1,4 +1,4 @@
-import { Nav, NavItemProps } from 'react-bootstrap-5'
+import { Nav, NavItemProps } from 'react-bootstrap'
 
 export default function NavItem(props: Omit<NavItemProps, 'as'>) {
   const { children, ...rest } = props
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-link-item.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-link-item.tsx
index 4e3875f5bb..519b84762e 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-link-item.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-link-item.tsx
@@ -1,5 +1,5 @@
 import { ReactNode } from 'react'
-import { Nav } from 'react-bootstrap-5'
+import { Nav } from 'react-bootstrap'
 import NavItem from '@/features/ui/components/bootstrap-5/navbar/nav-item'
 
 export default function NavLinkItem({
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/table.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/table.tsx
index 8f6fe3ee60..176d6f737c 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/table.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/table.tsx
@@ -1,4 +1,4 @@
-import { Table as BS5Table } from 'react-bootstrap-5'
+import { Table as BS5Table } from 'react-bootstrap'
 import classnames from 'classnames'
 
 export function TableContainer({
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/tag.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/tag.tsx
index dda1c9861e..3a3fec7879 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/tag.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/tag.tsx
@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next'
-import { Badge, BadgeProps } from 'react-bootstrap-5'
+import { Badge, BadgeProps } from 'react-bootstrap'
 import MaterialIcon from '@/shared/components/material-icon'
 import { MergeAndOverride } from '../../../../../../types/utils'
 import classnames from 'classnames'
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx
index fa479b58c6..f16bcb5425 100644
--- a/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx
@@ -4,7 +4,7 @@ import {
   OverlayTriggerProps,
   Tooltip as BSTooltip,
   TooltipProps as BSTooltipProps,
-} from 'react-bootstrap-5'
+} from 'react-bootstrap'
 import { callFnsInSequence } from '@/utils/functions'
 
 type OverlayProps = Omit<OverlayTriggerProps, 'overlay' | 'children'>
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-button-group.tsx b/services/web/frontend/js/features/ui/components/ol/ol-button-group.tsx
index dc26595aac..4b6c4dece0 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-button-group.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-button-group.tsx
@@ -1,4 +1,4 @@
-import { ButtonGroup, ButtonGroupProps } from 'react-bootstrap-5'
+import { ButtonGroup, ButtonGroupProps } from 'react-bootstrap'
 
 function OLButtonGroup({ as, ...rest }: ButtonGroupProps) {
   return <ButtonGroup {...rest} as={as} />
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-button-toolbar.tsx b/services/web/frontend/js/features/ui/components/ol/ol-button-toolbar.tsx
index 377228f72d..a60b854732 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-button-toolbar.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-button-toolbar.tsx
@@ -1,4 +1,4 @@
-import { ButtonToolbar, ButtonToolbarProps } from 'react-bootstrap-5'
+import { ButtonToolbar, ButtonToolbarProps } from 'react-bootstrap'
 
 function OLButtonToolbar(props: ButtonToolbarProps) {
   return <ButtonToolbar {...props} />
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-card.tsx b/services/web/frontend/js/features/ui/components/ol/ol-card.tsx
index 1f0eb70ace..f5ff025d10 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-card.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-card.tsx
@@ -1,4 +1,4 @@
-import { Card } from 'react-bootstrap-5'
+import { Card } from 'react-bootstrap'
 import { FC } from 'react'
 
 const OLCard: FC<React.PropsWithChildren<{ className?: string }>> = ({
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-close-button.tsx b/services/web/frontend/js/features/ui/components/ol/ol-close-button.tsx
index 414a329eec..c07d1cc390 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-close-button.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-close-button.tsx
@@ -1,4 +1,4 @@
-import { CloseButton, CloseButtonProps } from 'react-bootstrap-5'
+import { CloseButton, CloseButtonProps } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 import { forwardRef } from 'react'
 
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-col.tsx b/services/web/frontend/js/features/ui/components/ol/ol-col.tsx
index dc70ca23c8..a482ccf97d 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-col.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-col.tsx
@@ -1,4 +1,4 @@
-import { Col } from 'react-bootstrap-5'
+import { Col } from 'react-bootstrap'
 
 function OLCol(props: React.ComponentProps<typeof Col>) {
   return <Col {...props} />
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-checkbox.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-checkbox.tsx
index d82e49ea2d..191f850159 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-form-checkbox.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-checkbox.tsx
@@ -1,4 +1,4 @@
-import { Form, FormCheckProps } from 'react-bootstrap-5'
+import { Form, FormCheckProps } from 'react-bootstrap'
 import { MergeAndOverride } from '../../../../../../types/utils'
 import FormText from '../bootstrap-5/form/form-text'
 
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-feedback.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-feedback.tsx
index 1c850c1ffc..59b81bb6a4 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-form-feedback.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-feedback.tsx
@@ -1,4 +1,4 @@
-import { Form } from 'react-bootstrap-5'
+import { Form } from 'react-bootstrap'
 import { ComponentProps } from 'react'
 import FormFeedback from '@/features/ui/components/bootstrap-5/form/form-feedback'
 
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-group.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-group.tsx
index 8ccc974d4e..9c6db07e93 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-form-group.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-group.tsx
@@ -1,4 +1,4 @@
-import { FormGroupProps } from 'react-bootstrap-5'
+import { FormGroupProps } from 'react-bootstrap'
 import FormGroup from '@/features/ui/components/bootstrap-5/form/form-group'
 
 function OLFormGroup(props: FormGroupProps) {
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-label.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-label.tsx
index 1e1038f9e3..ed46dd8117 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-form-label.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-label.tsx
@@ -1,4 +1,4 @@
-import { Form } from 'react-bootstrap-5'
+import { Form } from 'react-bootstrap'
 
 function OLFormLabel(props: React.ComponentProps<(typeof Form)['Label']>) {
   return <Form.Label {...props} />
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-select.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-select.tsx
index dfcd147dfd..8c111932ce 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-form-select.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-select.tsx
@@ -1,5 +1,5 @@
 import { forwardRef } from 'react'
-import { Form, FormSelectProps } from 'react-bootstrap-5'
+import { Form, FormSelectProps } from 'react-bootstrap'
 
 const OLFormSelect = forwardRef<HTMLSelectElement, FormSelectProps>(
   (props, ref) => {
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-switch.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-switch.tsx
index a9a6ffe041..3e349a6f76 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-form-switch.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-switch.tsx
@@ -1,4 +1,4 @@
-import { FormCheck, FormCheckProps, FormLabel } from 'react-bootstrap-5'
+import { FormCheck, FormCheckProps, FormLabel } from 'react-bootstrap'
 
 type OLFormSwitchProps = FormCheckProps & {
   inputRef?: React.MutableRefObject<HTMLInputElement | null>
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form.tsx
index 724578769e..d53dec0ad3 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-form.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form.tsx
@@ -1,4 +1,4 @@
-import { Form } from 'react-bootstrap-5'
+import { Form } from 'react-bootstrap'
 import { ComponentProps } from 'react'
 
 function OLForm(props: ComponentProps<typeof Form>) {
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-list-group-item.tsx b/services/web/frontend/js/features/ui/components/ol/ol-list-group-item.tsx
index a27457fa7a..c99b8c1cb4 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-list-group-item.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-list-group-item.tsx
@@ -1,4 +1,4 @@
-import { ListGroupItem, ListGroupItemProps } from 'react-bootstrap-5'
+import { ListGroupItem, ListGroupItemProps } from 'react-bootstrap'
 
 function OLListGroupItem(props: ListGroupItemProps) {
   const as = props.as ?? 'button'
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-list-group.tsx b/services/web/frontend/js/features/ui/components/ol/ol-list-group.tsx
index a28c7e977d..4eb473217a 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-list-group.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-list-group.tsx
@@ -1,4 +1,4 @@
-import { ListGroup, ListGroupProps } from 'react-bootstrap-5'
+import { ListGroup, ListGroupProps } from 'react-bootstrap'
 
 function OLListGroup(props: ListGroupProps) {
   const as = props.as ?? 'div'
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-modal.tsx b/services/web/frontend/js/features/ui/components/ol/ol-modal.tsx
index bf20d18eef..057d8dc3ce 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-modal.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-modal.tsx
@@ -4,8 +4,8 @@ import {
   ModalHeaderProps,
   ModalTitleProps,
   ModalFooterProps,
-} from 'react-bootstrap-5'
-import { ModalBodyProps } from 'react-bootstrap-5/ModalBody'
+} from 'react-bootstrap'
+import { ModalBodyProps } from 'react-bootstrap/ModalBody'
 
 type OLModalProps = ModalProps & {
   size?: 'sm' | 'lg'
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-overlay.tsx b/services/web/frontend/js/features/ui/components/ol/ol-overlay.tsx
index bcf2a024c2..eb68066dd9 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-overlay.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-overlay.tsx
@@ -1,4 +1,4 @@
-import { Overlay, OverlayProps } from 'react-bootstrap-5'
+import { Overlay, OverlayProps } from 'react-bootstrap'
 
 function OLOverlay(props: OverlayProps) {
   return <Overlay {...props} />
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-page-content-card.tsx b/services/web/frontend/js/features/ui/components/ol/ol-page-content-card.tsx
index c10de1c0c6..c47be6d9de 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-page-content-card.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-page-content-card.tsx
@@ -1,4 +1,4 @@
-import { Card, CardBody } from 'react-bootstrap-5'
+import { Card, CardBody } from 'react-bootstrap'
 import { FC } from 'react'
 import classNames from 'classnames'
 
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-popover.tsx b/services/web/frontend/js/features/ui/components/ol/ol-popover.tsx
index 772084bc22..a20a2af13f 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-popover.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-popover.tsx
@@ -1,5 +1,5 @@
 import { forwardRef } from 'react'
-import { Popover, PopoverProps } from 'react-bootstrap-5'
+import { Popover, PopoverProps } from 'react-bootstrap'
 
 type OLPopoverProps = Omit<PopoverProps, 'title'> & {
   title?: React.ReactNode
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-row.tsx b/services/web/frontend/js/features/ui/components/ol/ol-row.tsx
index 88c05ce102..88f2bc82d6 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-row.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-row.tsx
@@ -1,4 +1,4 @@
-import { Row } from 'react-bootstrap-5'
+import { Row } from 'react-bootstrap'
 
 function OLRow(props: React.ComponentProps<typeof Row>) {
   return <Row {...props} />
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-spinner.tsx b/services/web/frontend/js/features/ui/components/ol/ol-spinner.tsx
index 4c1be6b125..ebd73ffab1 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-spinner.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-spinner.tsx
@@ -1,4 +1,4 @@
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 
 export type OLSpinnerSize = 'sm' | 'lg'
 
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-toast-container.tsx b/services/web/frontend/js/features/ui/components/ol/ol-toast-container.tsx
index ca8250bf49..26c0ff3545 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-toast-container.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-toast-container.tsx
@@ -1,5 +1,5 @@
 import { CSSProperties, FC } from 'react'
-import { ToastContainer as BS5ToastContainer } from 'react-bootstrap-5'
+import { ToastContainer as BS5ToastContainer } from 'react-bootstrap'
 
 type OLToastContainerProps = {
   style?: CSSProperties
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-toast.tsx b/services/web/frontend/js/features/ui/components/ol/ol-toast.tsx
index 7460a6b269..e4256f4fca 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-toast.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-toast.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames'
-import { Toast as BS5Toast } from 'react-bootstrap-5'
+import { Toast as BS5Toast } from 'react-bootstrap'
 import {
   NotificationIcon,
   NotificationType,
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-toggle-button-group.tsx b/services/web/frontend/js/features/ui/components/ol/ol-toggle-button-group.tsx
index 35777d29a6..3344fdade1 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-toggle-button-group.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-toggle-button-group.tsx
@@ -1,4 +1,4 @@
-import { ToggleButtonGroup, ToggleButtonGroupProps } from 'react-bootstrap-5'
+import { ToggleButtonGroup, ToggleButtonGroupProps } from 'react-bootstrap'
 
 function OLToggleButtonGroup<T>(props: ToggleButtonGroupProps<T>) {
   return <ToggleButtonGroup {...props} />
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-toggle-button.tsx b/services/web/frontend/js/features/ui/components/ol/ol-toggle-button.tsx
index d56d0b216a..a58772b78a 100644
--- a/services/web/frontend/js/features/ui/components/ol/ol-toggle-button.tsx
+++ b/services/web/frontend/js/features/ui/components/ol/ol-toggle-button.tsx
@@ -1,4 +1,4 @@
-import { ToggleButton, ToggleButtonProps } from 'react-bootstrap-5'
+import { ToggleButton, ToggleButtonProps } from 'react-bootstrap'
 
 function OLToggleButton(props: ToggleButtonProps) {
   return <ToggleButton {...props} />
diff --git a/services/web/frontend/js/features/word-count-modal/components/word-count-loading.tsx b/services/web/frontend/js/features/word-count-modal/components/word-count-loading.tsx
index 61a4263b04..e1f277d714 100644
--- a/services/web/frontend/js/features/word-count-modal/components/word-count-loading.tsx
+++ b/services/web/frontend/js/features/word-count-modal/components/word-count-loading.tsx
@@ -1,4 +1,4 @@
-import { Spinner } from 'react-bootstrap-5'
+import { Spinner } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 
 export const WordCountLoading = () => {
diff --git a/services/web/frontend/js/features/word-count-modal/components/word-counts-client.tsx b/services/web/frontend/js/features/word-count-modal/components/word-counts-client.tsx
index 4c4aae65f7..dac4934a50 100644
--- a/services/web/frontend/js/features/word-count-modal/components/word-counts-client.tsx
+++ b/services/web/frontend/js/features/word-count-modal/components/word-counts-client.tsx
@@ -1,7 +1,7 @@
 import { FC, useMemo } from 'react'
 import { WordCountData } from '@/features/word-count-modal/components/word-count-data'
 import { useTranslation } from 'react-i18next'
-import { Container, Row, Col, Form } from 'react-bootstrap-5'
+import { Container, Row, Col, Form } from 'react-bootstrap'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
 import usePersistedState from '@/shared/hooks/use-persisted-state'
 
diff --git a/services/web/frontend/js/features/word-count-modal/components/word-counts.tsx b/services/web/frontend/js/features/word-count-modal/components/word-counts.tsx
index 16d96525ac..e8a9731b7b 100644
--- a/services/web/frontend/js/features/word-count-modal/components/word-counts.tsx
+++ b/services/web/frontend/js/features/word-count-modal/components/word-counts.tsx
@@ -1,7 +1,7 @@
 import { FC } from 'react'
 import { ServerWordCountData } from '@/features/word-count-modal/components/word-count-data'
 import { useTranslation } from 'react-i18next'
-import { Container, Row, Col } from 'react-bootstrap-5'
+import { Container, Row, Col } from 'react-bootstrap'
 import OLNotification from '@/features/ui/components/ol/ol-notification'
 
 export const WordCounts: FC<{
diff --git a/services/web/frontend/js/shared/components/menu-bar/menu-bar-dropdown.tsx b/services/web/frontend/js/shared/components/menu-bar/menu-bar-dropdown.tsx
index 3cb495f0dd..bbdd117b23 100644
--- a/services/web/frontend/js/shared/components/menu-bar/menu-bar-dropdown.tsx
+++ b/services/web/frontend/js/shared/components/menu-bar/menu-bar-dropdown.tsx
@@ -7,7 +7,7 @@ import { FC, forwardRef, useCallback } from 'react'
 import classNames from 'classnames'
 import { useNestableDropdown } from '@/shared/hooks/use-nestable-dropdown'
 import { NestableDropdownContextProvider } from '@/shared/context/nestable-dropdown-context'
-import { AnchorProps } from 'react-bootstrap-5'
+import { AnchorProps } from 'react-bootstrap'
 import MaterialIcon from '../material-icon'
 import { DropdownMenuProps } from '@/features/ui/components/types/dropdown-menu-props'
 
diff --git a/services/web/frontend/js/shared/components/select.tsx b/services/web/frontend/js/shared/components/select.tsx
index 23f7d03521..667983c4bd 100644
--- a/services/web/frontend/js/shared/components/select.tsx
+++ b/services/web/frontend/js/shared/components/select.tsx
@@ -9,7 +9,7 @@ import {
 import classNames from 'classnames'
 import { useSelect } from 'downshift'
 import { useTranslation } from 'react-i18next'
-import { Form, Spinner } from 'react-bootstrap-5'
+import { Form, Spinner } from 'react-bootstrap'
 import FormControl from '@/features/ui/components/bootstrap-5/form/form-control'
 import MaterialIcon from '@/shared/components/material-icon'
 import { DropdownItem } from '@/features/ui/components/bootstrap-5/dropdown-menu'
diff --git a/services/web/frontend/js/shared/components/upgrade-prompt.tsx b/services/web/frontend/js/shared/components/upgrade-prompt.tsx
index 336d9c4344..1469d0d42b 100644
--- a/services/web/frontend/js/shared/components/upgrade-prompt.tsx
+++ b/services/web/frontend/js/shared/components/upgrade-prompt.tsx
@@ -5,7 +5,7 @@ import OLCol from '@/features/ui/components/ol/ol-col'
 import OLRow from '@/features/ui/components/ol/ol-row'
 import MaterialIcon from '@/shared/components/material-icon'
 import { PropsWithChildren } from 'react'
-import { Container } from 'react-bootstrap-5'
+import { Container } from 'react-bootstrap'
 import { Trans, useTranslation } from 'react-i18next'
 
 type IconListItemProps = PropsWithChildren<{
diff --git a/services/web/frontend/stories/ui/form/form-check-bs5.stories.tsx b/services/web/frontend/stories/ui/form/form-check-bs5.stories.tsx
index 82ba8eba13..cfe1de227c 100644
--- a/services/web/frontend/stories/ui/form/form-check-bs5.stories.tsx
+++ b/services/web/frontend/stories/ui/form/form-check-bs5.stories.tsx
@@ -1,5 +1,5 @@
 import { useRef, useLayoutEffect } from 'react'
-import { Form } from 'react-bootstrap-5'
+import { Form } from 'react-bootstrap'
 import type { Meta, StoryObj } from '@storybook/react'
 
 const meta: Meta<(typeof Form)['Check']> = {
diff --git a/services/web/frontend/stories/ui/form/form-input-bs5.stories.tsx b/services/web/frontend/stories/ui/form/form-input-bs5.stories.tsx
index 65c1121ea3..6d24f21901 100644
--- a/services/web/frontend/stories/ui/form/form-input-bs5.stories.tsx
+++ b/services/web/frontend/stories/ui/form/form-input-bs5.stories.tsx
@@ -1,4 +1,4 @@
-import { Form } from 'react-bootstrap-5'
+import { Form } from 'react-bootstrap'
 import type { Meta, StoryObj } from '@storybook/react'
 import FormGroup from '@/features/ui/components/bootstrap-5/form/form-group'
 import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
diff --git a/services/web/frontend/stories/ui/form/form-radio-bs5.stories.tsx b/services/web/frontend/stories/ui/form/form-radio-bs5.stories.tsx
index 95c15dc41e..99ce0cb40d 100644
--- a/services/web/frontend/stories/ui/form/form-radio-bs5.stories.tsx
+++ b/services/web/frontend/stories/ui/form/form-radio-bs5.stories.tsx
@@ -1,4 +1,4 @@
-import { Form } from 'react-bootstrap-5'
+import { Form } from 'react-bootstrap'
 import type { Meta, StoryObj } from '@storybook/react'
 
 const meta: Meta<(typeof Form)['Check']> = {
diff --git a/services/web/frontend/stories/ui/form/form-select-bs5.stories.tsx b/services/web/frontend/stories/ui/form/form-select-bs5.stories.tsx
index 61e96c7aa2..a8cd9cec82 100644
--- a/services/web/frontend/stories/ui/form/form-select-bs5.stories.tsx
+++ b/services/web/frontend/stories/ui/form/form-select-bs5.stories.tsx
@@ -1,4 +1,4 @@
-import { Form, FormSelectProps } from 'react-bootstrap-5'
+import { Form, FormSelectProps } from 'react-bootstrap'
 import type { Meta, StoryObj } from '@storybook/react'
 import FormGroup from '@/features/ui/components/bootstrap-5/form/form-group'
 import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
diff --git a/services/web/frontend/stories/ui/form/form-textarea-bs5.stories.tsx b/services/web/frontend/stories/ui/form/form-textarea-bs5.stories.tsx
index 898ec97960..6bca986d0d 100644
--- a/services/web/frontend/stories/ui/form/form-textarea-bs5.stories.tsx
+++ b/services/web/frontend/stories/ui/form/form-textarea-bs5.stories.tsx
@@ -1,4 +1,4 @@
-import { Form } from 'react-bootstrap-5'
+import { Form } from 'react-bootstrap'
 import type { Meta, StoryObj } from '@storybook/react'
 import FormGroup from '@/features/ui/components/bootstrap-5/form/form-group'
 import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
diff --git a/services/web/frontend/stories/ui/row.stories.tsx b/services/web/frontend/stories/ui/row.stories.tsx
index 4b6411619c..a5a7409bb6 100644
--- a/services/web/frontend/stories/ui/row.stories.tsx
+++ b/services/web/frontend/stories/ui/row.stories.tsx
@@ -1,4 +1,4 @@
-import { Container, Row, Col } from 'react-bootstrap-5'
+import { Container, Row, Col } from 'react-bootstrap'
 import { Meta } from '@storybook/react'
 
 type Args = React.ComponentProps<typeof Row>
diff --git a/services/web/frontend/stories/ui/split-button.stories.tsx b/services/web/frontend/stories/ui/split-button.stories.tsx
index d78643b4cd..674d2e796b 100644
--- a/services/web/frontend/stories/ui/split-button.stories.tsx
+++ b/services/web/frontend/stories/ui/split-button.stories.tsx
@@ -9,7 +9,7 @@ import {
   DropdownToggle,
 } from '@/features/ui/components/bootstrap-5/dropdown-menu'
 import Button from '@/features/ui/components/bootstrap-5/button'
-import { ButtonGroup } from 'react-bootstrap-5'
+import { ButtonGroup } from 'react-bootstrap'
 
 type Args = React.ComponentProps<typeof Dropdown>
 
diff --git a/services/web/package.json b/services/web/package.json
index f849507460..5a0e1c3959 100644
--- a/services/web/package.json
+++ b/services/web/package.json
@@ -261,7 +261,7 @@
     "babel-plugin-module-resolver": "^5.0.2",
     "backbone": "^1.6.0",
     "bootstrap": "^3.4.1",
-    "bootstrap-5": "npm:bootstrap@^5.3.3",
+    "bootstrap-5": "npm:bootstrap@^5.3.6",
     "c8": "^7.2.0",
     "chai": "^4.3.6",
     "chai-as-promised": "^7.1.1",
@@ -326,7 +326,7 @@
     "prop-types": "^15.7.2",
     "qrcode": "^1.4.4",
     "react": "^18.3.1",
-    "react-bootstrap-5": "npm:react-bootstrap@^2.10.5",
+    "react-bootstrap": "^2.10.10",
     "react-chartjs-2": "^5.0.1",
     "react-color": "^2.19.3",
     "react-dnd": "^16.0.1",