diff --git a/package.json b/package.json
index 610251b0..05120cf6 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@eartharoid/i18n": "1.0.2",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
+    "@floating-ui/react-dom": "^0.6.1",
     "@fontsource/lexend-deca": "4.4.5",
     "@fontsource/montserrat": "4.4.5",
     "@mui/material": "5.6.0",
diff --git a/src/components/widgets/navbar/Navbar.jsx b/src/components/widgets/navbar/Navbar.jsx
index 0333328b..23d1fb2b 100644
--- a/src/components/widgets/navbar/Navbar.jsx
+++ b/src/components/widgets/navbar/Navbar.jsx
@@ -82,16 +82,21 @@ export default class Navbar extends PureComponent {
             </Tooltip>
           ) : null}
 
-          <InfoTooltip
+          {/*<InfoTooltip
             title="You can now sync your settings"
             subtitle={'All settings, such as theme can now be synced across clients'}
             linkURL={'https://www.youtube.com/watch?v=dQw4w9WgXcQ'}
             linkText={'Learn more'}
-          >
-            <button onClick={() => this.props.openModal('mainModal')}>
-              <MdSettings className="settings-icon topicons" />
-            </button>
-          </InfoTooltip>
+              >
+              </InfoTooltip>*/}
+                          <Tooltip
+              title={variables.language.getMessage(
+                variables.languagecode,
+                'modals.main.navbar.settings',
+              )}
+            >            <button onClick={() => this.props.openModal('mainModal')}>
+            <MdSettings className="settings-icon topicons" />
+          </button></Tooltip>
         </div>
         {/*<div className="notification">
           <span className="title">New Update</span>