diff --git a/services/web/modules/github-sync/frontend/js/components/github-sync-widget.tsx b/services/web/modules/github-sync/frontend/js/components/github-sync-widget.tsx
index 6e4635f5d7..4364c0ad7b 100644
--- a/services/web/modules/github-sync/frontend/js/components/github-sync-widget.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/github-sync-widget.tsx
@@ -12,7 +12,7 @@ import {
   OLModalHeader,
   OLModalTitle,
 } from '@/shared/components/ol/ol-modal'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 import GithubLogo from '@/shared/svgs/github-logo'
 
 export const GitHubSyncWidget = function GitHubSyncWidget() {
@@ -89,14 +89,14 @@ export const GitHubSyncWidget = function GitHubSyncWidget() {
           </p>
 
           {isErrorConnCheck && (
-            <OLNotification
+            <Notification
               type="error"
               content={t('github_sync_error')}
             />
           )}
 
           {isErrorUnlink && (
-            <OLNotification
+            <Notification
               type="error"
               content={t('generic_something_went_wrong')}
             />
diff --git a/services/web/modules/github-sync/frontend/js/components/import-from-github-menu.tsx b/services/web/modules/github-sync/frontend/js/components/import-from-github-menu.tsx
index 47f6afb647..94c36b4bc1 100644
--- a/services/web/modules/github-sync/frontend/js/components/import-from-github-menu.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/import-from-github-menu.tsx
@@ -1,12 +1,12 @@
 import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { DropdownItem } from '@/shared/components/dropdown/dropdown-menu'
+import { OLDropdownItem } from '@/shared/components/ol/ol-dropdown-menu'
 
 export default function ImportFromGitHubMenu({ onClick }: { onClick: (e: React.MouseEvent) => void }) {
   const { t } = useTranslation()
   return (
-    <DropdownItem onClick={onClick}>
+    <OLDropdownItem onClick={onClick}>
       {t('import_from_github')}
-    </DropdownItem>
+    </OLDropdownItem>
   )
-}
\ No newline at end of file
+}
diff --git a/services/web/modules/github-sync/frontend/js/components/import-from-github-modal-wrapper.tsx b/services/web/modules/github-sync/frontend/js/components/import-from-github-modal-wrapper.tsx
index ab474b82f9..f5b618b47d 100644
--- a/services/web/modules/github-sync/frontend/js/components/import-from-github-modal-wrapper.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/import-from-github-modal-wrapper.tsx
@@ -16,7 +16,7 @@ import {
 } from '@/shared/components/ol/ol-modal'
 import OLButton from '@/shared/components/ol/ol-button'
 import OLSpinner from '@/shared/components/ol/ol-spinner'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 
 type GitSyncRepo = {
   name: string
@@ -100,7 +100,7 @@ function ImportFromGitHubModalContent({ handleHide }: { handleHide: () => void }
 
         {isError && (
           <div className="notification-list">
-            <OLNotification
+            <Notification
               type="error"
               content={t('something_went_wrong_server')}
             />
@@ -169,7 +169,7 @@ function ImportFromGitHubModalContent({ handleHide }: { handleHide: () => void }
 
         {isErrorImport && (
           <div className="notification-list">
-            <OLNotification
+            <Notification
               type="error"
               content={t('something_went_wrong_server')}
             />
diff --git a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-cannot-export-modal.tsx b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-cannot-export-modal.tsx
index 6cd4f312dd..700586f33e 100644
--- a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-cannot-export-modal.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-cannot-export-modal.tsx
@@ -1,5 +1,5 @@
 import { useTranslation, Trans } from 'react-i18next'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 import {
   OLModalBody,
   OLModalFooter,
@@ -17,7 +17,7 @@ const GitSyncCannotExportModal = ({ projectSyncState, handleHide }: GitSyncCanno
   return (
     <>
       <OLModalBody>
-        <OLNotification
+        <Notification
           type="warning"
           content={(
             <Trans
diff --git a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-confirm-unlink-modal.tsx b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-confirm-unlink-modal.tsx
index 17637858f4..95bd98f2c2 100644
--- a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-confirm-unlink-modal.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-confirm-unlink-modal.tsx
@@ -3,7 +3,7 @@ import useAsync from '@/shared/hooks/use-async'
 import { deleteJSON } from '@/infrastructure/fetch-json'
 import { OLModalBody, OLModalFooter } from '@/shared/components/ol/ol-modal'
 import OLButton from '@/shared/components/ol/ol-button'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 import { debugConsole } from '@/utils/debugging'
 import { ProjectSyncState, GitSyncModalStatus } from '../../types/git-sync-types'
 
@@ -51,12 +51,12 @@ const GitSyncUnlinkModal = ({
         <hr />
 
         {!error ? (
-          <OLNotification
+          <Notification
             type="warning"
             content={t('unlink_the_project_from_the_current_github_repo')}
           />
         ) : (
-          <OLNotification
+          <Notification
             type="error"
             content={
               error.info?.statusCode === 403 ? (
diff --git a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-conflict-modal.tsx b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-conflict-modal.tsx
index 600777ec4a..ecf34e05be 100644
--- a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-conflict-modal.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-conflict-modal.tsx
@@ -5,7 +5,7 @@ import {
   OLModalFooter,
 } from '@/shared/components/ol/ol-modal'
 import OLButton from '@/shared/components/ol/ol-button'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 
 import { ProjectSyncState, GitSyncModalStatus } from '../../types/git-sync-types'
 
@@ -22,7 +22,7 @@ const GitSyncConflictModal = ({ projectSyncState, handleHide, setModalStatus }:
   return (
     <>
       <OLModalBody>
-        <OLNotification
+        <Notification
           type="warning"
           content={t('github_merge_failed_error', { appName })}
         />
diff --git a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-export-modal.tsx b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-export-modal.tsx
index 3c29533e22..c1fa7a54f2 100644
--- a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-export-modal.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-export-modal.tsx
@@ -10,7 +10,7 @@ import {
   OLModalBody,
   OLModalFooter,
 } from '@/shared/components/ol/ol-modal'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 import OLButton from '@/shared/components/ol/ol-button'
 import OLForm from '@/shared/components/ol/ol-form'
 import OLFormGroup from '@/shared/components/ol/ol-form-group'
@@ -89,14 +89,14 @@ const GitSyncExportModal = ({
         <p>{t('project_not_linked_to_github')}</p>
 
         {error && (
-          <OLNotification
+          <Notification
             type="error"
             content={error}
           />
         )}
 
         {errorUserAndOrgs && (
-          <OLNotification
+          <Notification
             type="error"
             content={t('something_went_wrong_server')}
           />
diff --git a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-loading-modal.tsx b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-loading-modal.tsx
index 22591c3233..981b4f7524 100644
--- a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-loading-modal.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-loading-modal.tsx
@@ -4,7 +4,7 @@ import {
   OLModalFooter,
 } from '@/shared/components/ol/ol-modal'
 import OLButton from '@/shared/components/ol/ol-button'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 import { GitSyncModalStatus } from '../../types/git-sync-types'
 
 type GitSyncLoadingModalProps = {
@@ -25,7 +25,7 @@ const GitSyncLoadingModal = ({ handleHide, setModalStatus, errorMessage }: GitSy
       </OLModalBody>
 
       {errorMessage && (
-        <OLNotification
+        <Notification
           type="error"
           content={errorMessage}
         />
diff --git a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-merge-modal.tsx b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-merge-modal.tsx
index ace565d7cd..0cff2f6399 100644
--- a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-merge-modal.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-merge-modal.tsx
@@ -9,7 +9,7 @@ import {
   OLModalFooter,
 } from '@/shared/components/ol/ol-modal'
 import OLButton from '@/shared/components/ol/ol-button'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 import { GitSyncModalStatus, ProjectSyncState } from '../../types/git-sync-types'
 
 import { useReferencesContext } from '@/features/ide-react/context/references-context'
@@ -108,7 +108,7 @@ const GitSyncMergeModal = ({
       </OLModalBody>
 
       {error && (
-        <OLNotification
+        <Notification
           type="error"
           content={t('generic_something_went_wrong')}
         />
diff --git a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-merge-overview-modal.tsx b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-merge-overview-modal.tsx
index 2f14b8f8de..261c4ab2a6 100644
--- a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-merge-overview-modal.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-merge-overview-modal.tsx
@@ -10,7 +10,7 @@ import OLRow from '@/shared/components/ol/ol-row'
 import OLCol from '@/shared/components/ol/ol-col'
 import OLButton from '@/shared/components/ol/ol-button'
 import OLIconButton from '@/shared/components/ol/ol-icon-button'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 import { debugConsole } from '@/utils/debugging'
 import { ProjectSyncState, GitSyncModalStatus } from '../../types/git-sync-types'
 
@@ -110,7 +110,7 @@ const GitSyncMergeOverviewModal = ({
             <hr />
 
             {data.diverged && (
-              <OLNotification
+              <Notification
                 type="warning"
                 content={t('github_repository_diverged')}
               />
@@ -190,7 +190,7 @@ const GitSyncMergeOverviewModal = ({
         )}
 
         {error && (
-          <OLNotification
+          <Notification
             type="error"
             content={t('generic_something_went_wrong')}
           />
diff --git a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-need-permission-modal.tsx b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-need-permission-modal.tsx
index 080863c0cc..6a56ec641b 100644
--- a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-need-permission-modal.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-need-permission-modal.tsx
@@ -1,5 +1,5 @@
 import { useTranslation, Trans } from 'react-i18next'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 import {
   OLModalBody,
   OLModalFooter,
@@ -17,7 +17,7 @@ const GitSyncNeedPermissionModal = ({ projectSyncState, handleHide }: GitSyncCon
   return (
     <>
       <OLModalBody>
-        <OLNotification
+        <Notification
           type="warning"
           content={(
             <Trans
diff --git a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-unlink-unavailable-modal.tsx b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-unlink-unavailable-modal.tsx
index 7fe4b56d45..17a775aad5 100644
--- a/services/web/modules/github-sync/frontend/js/components/modals/git-sync-unlink-unavailable-modal.tsx
+++ b/services/web/modules/github-sync/frontend/js/components/modals/git-sync-unlink-unavailable-modal.tsx
@@ -3,7 +3,7 @@ import useAsync from '@/shared/hooks/use-async'
 import { deleteJSON } from '@/infrastructure/fetch-json'
 import { OLModalBody, OLModalFooter } from '@/shared/components/ol/ol-modal'
 import OLButton from '@/shared/components/ol/ol-button'
-import OLNotification from '@/shared/components/ol/ol-notification'
+import Notification from '@/shared/components/notification'
 import { debugConsole } from '@/utils/debugging'
 import { GitSyncModalStatus } from '../../types/git-sync-types'
 
@@ -35,13 +35,13 @@ const GitSyncUnlinkUnavailableModal = ({
   return (
     <>
       <OLModalBody>
-        <OLNotification
+        <Notification
           type="error"
           content={t('github_sync_repository_not_found_description')}
         />
 
         {error && (
-          <OLNotification
+          <Notification
             type="error"
             content={
               error.info?.statusCode === 403 ? (