diff --git a/app/subscriber/src/App.tsx b/app/subscriber/src/App.tsx
index 50aadaba28..f94e62d068 100644
--- a/app/subscriber/src/App.tsx
+++ b/app/subscriber/src/App.tsx
@@ -68,10 +68,10 @@ function App() {
         </Show>
         <ToastContainer />
         <Tooltip
+          opacity={1}
           style={{
             backgroundColor: '#FFFFCC',
             color: 'black',
-            opacity: '1',
             boxShadow: '0 0 8px #464545',
             zIndex: '999',
           }}
diff --git a/app/subscriber/src/components/folder-sub-menu/FolderSubMenu.tsx b/app/subscriber/src/components/folder-sub-menu/FolderSubMenu.tsx
index 099fa14c3e..546356a83a 100644
--- a/app/subscriber/src/components/folder-sub-menu/FolderSubMenu.tsx
+++ b/app/subscriber/src/components/folder-sub-menu/FolderSubMenu.tsx
@@ -38,7 +38,8 @@ export const FolderSubMenu: React.FC<IFolderSubMenuProps> = ({ selectedContent }
         className="folder-menu"
         place="bottom"
         openOnClick
-        style={{ opacity: '1', boxShadow: '0 0 8px #464545', zIndex: '999' }}
+        opacity={1}
+        style={{ boxShadow: '0 0 8px #464545', zIndex: '999' }}
         id="folder"
       >
         <FolderMenu content={toFolderContent(selectedContent)} />
diff --git a/app/subscriber/src/components/share-menu/ShareMenu.tsx b/app/subscriber/src/components/share-menu/ShareMenu.tsx
index 6d1377c698..b5407f9820 100644
--- a/app/subscriber/src/components/share-menu/ShareMenu.tsx
+++ b/app/subscriber/src/components/share-menu/ShareMenu.tsx
@@ -99,7 +99,8 @@ export const ShareMenu: React.FC<IShareSubMenuProps> = ({ content }) => {
         className="share-menu"
         place="bottom"
         openOnClick
-        style={{ opacity: '1', boxShadow: '0 0 8px #464545', zIndex: '999' }}
+        opacity={1}
+        style={{ boxShadow: '0 0 8px #464545', zIndex: '999' }}
         id="share"
       >
         <FaEnvelope /> SHARE WITH A COLLEAGUE:
diff --git a/app/subscriber/src/components/user-profile/UserProfile.tsx b/app/subscriber/src/components/user-profile/UserProfile.tsx
index 98ff2a24b3..4edcd3f447 100644
--- a/app/subscriber/src/components/user-profile/UserProfile.tsx
+++ b/app/subscriber/src/components/user-profile/UserProfile.tsx
@@ -64,7 +64,8 @@ export const UserProfile: React.FC = () => {
         closeOnEsc
         isOpen={profileMenu}
         setIsOpen={setProfileMenu}
-        style={{ opacity: '1', boxShadow: '0 0 8px #464545', zIndex: '999' }}
+        opacity={1}
+        style={{ boxShadow: '0 0 8px #464545', zIndex: '999' }}
         id="my-info"
       >
         <h1>My Profile</h1>