Remove tooltip

src/components/Language/LanguageSelector.tsx

@@ -30,25 +30,18 @@ const LanguageSelector = () => {
   return (
     <Box ref={selectorRef}>
       {!showSelect && (
-        <Tooltip
+        <Button
-          key={currentLang}
+          onClick={() => setShowSelect(true)}
-          title={t('core:action.change_language', {
+          style={{
+            fontSize: '1.3rem',
+          }}
+          aria-label={t('core:current_language', {
+            language: name,
             postProcess: 'capitalizeFirstChar',
           })}
         >
-          <Button
+          {flag}
-            onClick={() => setShowSelect(true)}
+        </Button>
-            style={{
-              fontSize: '1.3rem',
-            }}
-            aria-label={t('core:current_language', {
-              language: name,
-              postProcess: 'capitalizeFirstChar',
-            })}
-          >
-            {flag}
-          </Button>
-        </Tooltip>
       )}
 
       {showSelect && (

src/components/Theme/ThemeSelector.tsx

@@ -19,26 +19,14 @@ const ThemeSelector = () => {
 
   return (
     <Box ref={selectorRef}>
-      <Tooltip
+      <IconButton
-        title={
+        onClick={toggleTheme}
-          themeMode === 'dark'
+        sx={{
-            ? t('core:theme.light_mode', {
+          color: theme.palette.text.secondary,
-                postProcess: 'capitalizeFirstChar',
+        }}
-              })
-            : t('core:theme.dark_mode', {
-                postProcess: 'capitalizeFirstChar',
-              })
-        }
       >
-        <IconButton
+        {themeMode === 'dark' ? <LightModeIcon /> : <DarkModeIcon />}
-          onClick={toggleTheme}
+      </IconButton>
-          sx={{
-            color: theme.palette.text.secondary,
-          }}
-        >
-          {themeMode === 'dark' ? <LightModeIcon /> : <DarkModeIcon />}
-        </IconButton>
-      </Tooltip>
     </Box>
   );
 };