diff --git a/src/runtime-styles.ts b/src/runtime-styles.ts
index fd40915..caa9c55 100644
--- a/src/runtime-styles.ts
+++ b/src/runtime-styles.ts
@@ -62,6 +62,8 @@ export function getRuntimeStyles<T>({
      * Media styles contain atRules and need to be validated
      */
     if (media[selector]) {
+      dynamicStyle = true;
+
       const atRuleStyles: AtRuleRecord[] = media[selector].map(
         (atRules, index) => ({
           ...flattenIfRWN(styles[`${selector}.${index}`]),
@@ -87,8 +89,6 @@ export function getRuntimeStyles<T>({
             return true;
           }
 
-          dynamicStyle ||= rule === "dynamic-style";
-
           return matchAtRule({
             rule,
             params,