diff --git a/src/components/resolvedicon.jsx b/src/components/resolvedicon.jsx
index d973ab4b2..2a3701e83 100644
--- a/src/components/resolvedicon.jsx
+++ b/src/components/resolvedicon.jsx
@@ -14,8 +14,8 @@ export default function ResolvedIcon({ icon }) {
         style={{
           width: 32,
           height: 32,
-          'max-width': '100%',
-          'max-height': '100%',
+          maxWidth: '100%',
+          maxHeight: '100%',
           background: "linear-gradient(180deg, rgb(var(--color-logo-start)), rgb(var(--color-logo-stop)))",
           mask: `url(https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/${iconName}.svg) no-repeat center / contain`,
           WebkitMask: `url(https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/${iconName}.svg) no-repeat center / contain`,