fix support button styling

Author: BrettCleary

package.json

@@ -72,7 +72,7 @@
     "@hyperplay/chains": "^0.6.1",
     "@hyperplay/check-disk-space": "^3.5.2",
     "@hyperplay/quests-ui": "^0.4.0",
-    "@hyperplay/ui": "^1.30.3",
+    "@hyperplay/ui": "1.30.8-beta.0",
     "@hyperplay/utils": "^0.3.14",
     "@mantine/carousel": "^7.12.0",
     "@mantine/core": "^7.12.0",

pnpm-lock.yaml

@@ -0,0 +1,3 @@
+.icon {
+  stroke: var(--icon-neutral);
+}

src/frontend/components/UI/Support/index.module.scss

@@ -1,4 +1,6 @@
+import { Button, Images } from '@hyperplay/ui'
 import React, { useEffect } from 'react'
+import styles from './index.module.scss'
 
 declare global {
   interface Window {
@@ -15,7 +17,13 @@ export const Support = () => {
   })
   return (
     <>
-      <button onClick={() => window.zE('messenger', 'open')}>Support</button>
+      <Button
+        type="tertiary-neutral"
+        size="icon"
+        onClick={() => window.zE('messenger', 'open')}
+      >
+        <Images.QuestionMarkRounded className={styles.icon} />
+      </Button>
     </>
   )
 }