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..9ed4cb0a9a 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 "../+catalog/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>