diff --git a/src/view/nova/lib/system.tsx b/src/view/nova/lib/system.tsx
index 3d3e82bc15..ad2cc44773 100644
--- a/src/view/nova/lib/system.tsx
+++ b/src/view/nova/lib/system.tsx
@@ -98,7 +98,10 @@ export function createSystem<
   function useStyle(props: ResponsiveStyleProps) {
     const {theme} = useTheme()
     const breakpoints = useBreakpoints()
-    return theme.style(props as StylesAndProps, breakpoints.active).styles
+    return React.useMemo(
+      () => theme.style(props as StylesAndProps, breakpoints.active).styles,
+      [breakpoints.active, props, theme],
+    )
   }
 
   function useStyles<O extends Record<string, ResponsiveStyleProps>>(