From 780d8fe950a8cbf341f937cffabc8ffd0d0f35dc Mon Sep 17 00:00:00 2001
From: huong-li-nguyen <huong_li_nguyen@mckinsey.com>
Date: Wed, 5 Mar 2025 11:39:14 +0100
Subject: [PATCH] Change default to column

---
 vizro-core/src/vizro/models/_flex.py | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/vizro-core/src/vizro/models/_flex.py b/vizro-core/src/vizro/models/_flex.py
index 4d212615d..a1fbf33e0 100644
--- 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