diff --git a/src/components/proxy/proxy-item-mini.tsx b/src/components/proxy/proxy-item-mini.tsx
index 7594fceed..79fc7015b 100644
--- a/src/components/proxy/proxy-item-mini.tsx
+++ b/src/components/proxy/proxy-item-mini.tsx
@@ -248,12 +248,12 @@ export const ProxyItemMini = (props: Props) => {
               e.stopPropagation()
               onDelay()
             }}
-            color={delayManager.formatDelayColor(delayValue, timeout)}
-            sx={({ palette }) =>
-              !proxy.provider
+            sx={({ palette }) => ({
+              color: delayManager.formatDelayColor(delayValue, timeout),
+              ...(!proxy.provider
                 ? { ':hover': { bgcolor: alpha(palette.primary.main, 0.15) } }
-                : {}
-            }
+                : {}),
+            })}
           >
             {delayManager.formatDelay(delayValue, timeout)}
           </Widget>
diff --git a/src/components/proxy/proxy-item.tsx b/src/components/proxy/proxy-item.tsx
index be422bee3..254477e53 100644
--- a/src/components/proxy/proxy-item.tsx
+++ b/src/components/proxy/proxy-item.tsx
@@ -214,12 +214,12 @@ export const ProxyItem = (props: Props) => {
                 e.stopPropagation()
                 onDelay()
               }}
-              color={delayManager.formatDelayColor(delayValue, timeout)}
-              sx={({ palette }) =>
-                !proxy.provider
+              sx={({ palette }) => ({
+                color: delayManager.formatDelayColor(delayValue, timeout),
+                ...(!proxy.provider
                   ? { ':hover': { bgcolor: alpha(palette.primary.main, 0.15) } }
-                  : {}
-              }
+                  : {}),
+              })}
             >
               {delayManager.formatDelay(delayValue, timeout)}
             </Widget>
diff --git a/src/components/test/test-item.tsx b/src/components/test/test-item.tsx
index 746271dd1..a208d7d7c 100644
--- a/src/components/test/test-item.tsx
+++ b/src/components/test/test-item.tsx
@@ -187,8 +187,8 @@ export const TestItem = ({
                 e.stopPropagation()
                 onDelay()
               }}
-              color={delayManager.formatDelayColor(delay)}
               sx={({ palette }) => ({
+                color: delayManager.formatDelayColor(delay),
                 ':hover': {
                   bgcolor: alpha(palette.primary.main, 0.15),
                 },