diff --git a/frontend/src/css/lib-settings.css b/frontend/src/css/lib-settings.css
index acdf6729f3..265a7b0725 100644
--- a/frontend/src/css/lib-settings.css
+++ b/frontend/src/css/lib-settings.css
@@ -51,3 +51,9 @@
   display: flex;
   flex-direction: column;
 }
+
+.lib-settings-dialog .oepn-metadata-tip {
+  background-color: #ffeacd;
+  margin: -1rem -1rem 1rem;
+  padding: 0.5rem 1rem;
+}
diff --git a/frontend/src/css/share-to-user.css b/frontend/src/css/share-to-user.css
index 1ed4faf70b..83177e86ab 100644
--- a/frontend/src/css/share-to-user.css
+++ b/frontend/src/css/share-to-user.css
@@ -23,13 +23,6 @@
   border-radius: 50%;
 }
 
-.share-link-container .share-link-tip {
-  background-color: #f6eddf;
-  margin: -1rem -1.5rem 1rem;
-  padding: 0.5rem 1rem;
-}
-
-
 .share-link-container .add-members {
   display: flex;
   justify-content: space-between;
diff --git a/frontend/src/metadata/components/dialog/metadata-face-recognition-dialog/index.js b/frontend/src/metadata/components/dialog/metadata-face-recognition-dialog/index.js
index ef9d3cb9cf..8136bf7bbb 100644
--- a/frontend/src/metadata/components/dialog/metadata-face-recognition-dialog/index.js
+++ b/frontend/src/metadata/components/dialog/metadata-face-recognition-dialog/index.js
@@ -62,7 +62,7 @@ const MetadataFaceRecognitionDialog = ({ value: oldValue, repoID, toggleDialog:
       {!showTurnOffConfirmDialog && (
         <>
           <ModalBody className="metadata-face-recognition-dialog">
-            {!enableMetadata && <p className="tip">{gettext('Please turn on extended properties setting first')}</p>}
+            {!enableMetadata && <p className="oepn-metadata-tip">{gettext('Please turn on extended properties setting first')}</p>}
             <Switch
               checked={value}
               disabled={submitting || !enableMetadata}
diff --git a/frontend/src/metadata/components/dialog/metadata-ocr-status-management-dialog/index.js b/frontend/src/metadata/components/dialog/metadata-ocr-status-management-dialog/index.js
index 778860f087..9ab5b218d8 100644
--- a/frontend/src/metadata/components/dialog/metadata-ocr-status-management-dialog/index.js
+++ b/frontend/src/metadata/components/dialog/metadata-ocr-status-management-dialog/index.js
@@ -62,7 +62,7 @@ const MetadataOCRStatusManagementDialog = ({ value: oldValue, repoID, toggleDial
       {!showTurnOffConfirmDialog && (
         <>
           <ModalBody className="metadata-status-management-dialog">
-            {!enableMetadata && <p className="tip">{gettext('Please turn on extended properties setting first')}</p>}
+            {!enableMetadata && <p className="oepn-metadata-tip">{gettext('Please turn on extended properties setting first')}</p>}
             <Switch
               checked={value}
               disabled={submitting || !enableMetadata}
diff --git a/frontend/src/metadata/components/dialog/metadata-tags-status-dialog/index.js b/frontend/src/metadata/components/dialog/metadata-tags-status-dialog/index.js
index 5ce0bff961..aee0f35aa9 100644
--- a/frontend/src/metadata/components/dialog/metadata-tags-status-dialog/index.js
+++ b/frontend/src/metadata/components/dialog/metadata-tags-status-dialog/index.js
@@ -89,7 +89,7 @@ const MetadataTagsStatusDialog = ({ value: oldValue, lang: oldLang, repoID, togg
       {!showTurnOffConfirmDialog && (
         <>
           <ModalBody className="metadata-face-recognition-dialog">
-            {!enableMetadata && <p className="tip">{gettext('Please turn on extended properties setting first')}</p>}
+            {!enableMetadata && <p className="oepn-metadata-tip">{gettext('Please turn on extended properties setting first')}</p>}
             <Switch
               checked={value}
               disabled={submitting || !enableMetadata}