diff --git a/reflex/components/component.py b/reflex/components/component.py
index 1786dd060..bb3e9053f 100644
--- a/reflex/components/component.py
+++ b/reflex/components/component.py
@@ -24,6 +24,7 @@ from typing import (
 import reflex.state
 from reflex.base import Base
 from reflex.compiler.templates import STATEFUL_COMPONENT
+from reflex.components.core.breakpoints import Breakpoints
 from reflex.components.tags import Tag
 from reflex.constants import (
     Dirs,
@@ -466,6 +467,12 @@ class Component(BaseComponent, ABC):
             # Merge styles, the later ones overriding keys in the earlier ones.
             style = {k: v for style_dict in style for k, v in style_dict.items()}
 
+        if isinstance(style, Breakpoints):
+            style = {
+                # Assign the Breakpoints to the self-referential selector to avoid squashing down to a regular dict.
+                "&": style,
+            }
+
         kwargs["style"] = Style(
             {
                 **self.get_fields()["style"].default,