Change default to column

mckinsey · Mar 5, 2025 · 780d8fe · 780d8fe
1 parent 188f0b0
commit 780d8fe
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/vizro-core/src/vizro/models/_flex.py b/vizro-core/src/vizro/models/_flex.py
@@ -26,9 +26,9 @@ class Flex(VizroBaseModel):
 
     type: Literal["flex"] = "flex"
     direction: Literal["row", "column"] = Field(
-        default="row",
+        default="column",
         description="Sets the direction of the flex items inside the container. Options are `row` or `column`."
-        "Defaults to `row`.",
+        "Defaults to `column`.",
     )
     gap: str = Field(
         default=GAP_DEFAULT,
@@ -49,7 +49,7 @@ def build(self):
         component_container = html.Div(
             [],
             style={"gap": self.gap},
-            className=f"d-flex f-{self.direction} {bs_wrap}",
+            className=f"d-flex flex-{self.direction} {bs_wrap}",
             id=self.id,
         )
         return component_container