diff --git a/src/renderer/components/+extensions/install.module.css b/src/renderer/components/+extensions/install.module.css
index 1cb5b5175a..fbf236177a 100644
--- a/src/renderer/components/+extensions/install.module.css
+++ b/src/renderer/components/+extensions/install.module.css
@@ -1,5 +1,6 @@
 .icon {
   @apply h-5 w-5 mr-3 cursor-pointer;
+  background-color: transparent!important;
 }
 
 .icon:hover {
diff --git a/src/renderer/components/+extensions/install.tsx b/src/renderer/components/+extensions/install.tsx
index d07533d3ba..aab8477deb 100644
--- a/src/renderer/components/+extensions/install.tsx
+++ b/src/renderer/components/+extensions/install.tsx
@@ -29,6 +29,7 @@ import { SubTitle } from "../layout/sub-title";
 import { TooltipPosition } from "../tooltip";
 import { ExtensionInstallationStateStore } from "./extension-install.store";
 import { observer } from "mobx-react";
+import { MaterialTooltip } from "../material-tooltip/material-tooltip";
 
 interface Props {
   installPath: string;
@@ -70,13 +71,13 @@ export const Install = observer((props: Props) => {
             onChange={onChange}
             onSubmit={installFromInput}
             iconRight={
-              <Icon
-                interactive={false}
-                className={styles.icon}
-                material="folder_open"
-                onClick={prevDefault(installFromSelectFileDialog)}
-                tooltip="Browse"
-              />
+              <MaterialTooltip title="Browse">
+                <Icon
+                  className={styles.icon}
+                  material="folder_open"
+                  onClick={prevDefault(installFromSelectFileDialog)}
+                />
+              </MaterialTooltip>
             }
           />
         </div>
diff --git a/src/renderer/components/hotbar/hotbar-icon.tsx b/src/renderer/components/hotbar/hotbar-icon.tsx
index f2193bfb8b..6dd86414e7 100644
--- a/src/renderer/components/hotbar/hotbar-icon.tsx
+++ b/src/renderer/components/hotbar/hotbar-icon.tsx
@@ -27,7 +27,7 @@ import type { CatalogEntityContextMenu } from "../../../common/catalog";
 import { cssNames, IClassName } from "../../utils";
 import { ConfirmDialog } from "../confirm-dialog";
 import { Menu, MenuItem } from "../menu";
-import { MaterialTooltip } from "../+catalog/material-tooltip/material-tooltip";
+import { MaterialTooltip } from "../material-tooltip/material-tooltip";
 import { observer } from "mobx-react";
 import { Avatar } from "../avatar/avatar";
 
diff --git a/src/renderer/components/hotbar/hotbar-selector.tsx b/src/renderer/components/hotbar/hotbar-selector.tsx
index 63041a5d38..0e74f0e9a2 100644
--- a/src/renderer/components/hotbar/hotbar-selector.tsx
+++ b/src/renderer/components/hotbar/hotbar-selector.tsx
@@ -27,7 +27,7 @@ import { Hotbar, HotbarStore } from "../../../common/hotbar-store";
 import { CommandOverlay } from "../command-palette";
 import { HotbarSwitchCommand } from "./hotbar-switch-command";
 import { hotbarDisplayIndex } from "./hotbar-display-label";
-import { MaterialTooltip } from "../+catalog/material-tooltip/material-tooltip";
+import { MaterialTooltip } from "../material-tooltip/material-tooltip";
 
 interface Props {
   hotbar: Hotbar;
diff --git a/src/renderer/components/+catalog/material-tooltip/material-tooltip.tsx b/src/renderer/components/material-tooltip/material-tooltip.tsx
similarity index 100%
rename from src/renderer/components/+catalog/material-tooltip/material-tooltip.tsx
rename to src/renderer/components/material-tooltip/material-tooltip.tsx