Removing parental element styles that affect extensions (#1331)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

extensions/support-page/renderer.tsx

@@ -19,10 +19,10 @@ export default class SupportPageRendererExtension extends LensRendererExtension
     {
       item: (
         <div
-          className="flex align-center gaps hover-highlight"
+          className="SupportPageIcon flex align-center"
           onClick={() => Navigation.navigate(supportPageURL())}
         >
-          <Component.Icon material="help" smallest />
+          <Component.Icon interactive material="help" smallest />
         </div>
       )
     }

extensions/support-page/src/support.scss

@@ -10,4 +10,10 @@
       margin-left: 2px;
     }
   }
+}
+
+.SupportPageIcon {
+  color: white;
+  font-size: var(--font-size-small);
+  padding-right: calc(var(--padding) / 2);
 }