diff --git a/src/theme.ts b/src/theme.ts
index 3004aec..a1e915a 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -101,7 +101,7 @@ export const theme = createTheme({
         },
         ActionIcon: {
             defaultProps: {
-                bg: "light-dark(var(--mantine-color-gray-1), var(--mantine-color-default))",
+                bg: "@media (min-width: 48em) { light-dark(var(--mantine-color-gray-1), var(--mantine-color-default)) }",
             },
         },
     },