From e2cfacde4a639b61a4b9e424c8f5985d341db212 Mon Sep 17 00:00:00 2001
From: Myles Scolnick <myles@marimo.io>
Date: Fri, 30 Aug 2024 21:55:18 +0200
Subject: [PATCH] fix: accordion text alignment (#2183)

---
 frontend/src/components/ui/accordion.tsx   |  2 +-
 marimo/_smoke_tests/bugs/2173-accordion.py | 33 ++++++++++++++++++++++
 2 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 marimo/_smoke_tests/bugs/2173-accordion.py

diff --git a/frontend/src/components/ui/accordion.tsx b/frontend/src/components/ui/accordion.tsx
index 8851d0df62c..0c202fb97f0 100644
--- a/frontend/src/components/ui/accordion.tsx
+++ b/frontend/src/components/ui/accordion.tsx
@@ -27,7 +27,7 @@ const AccordionTrigger = React.forwardRef<
     <AccordionPrimitive.Trigger
       ref={ref}
       className={cn(
-        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180 text-start",
         className,
       )}
       {...props}
diff --git a/marimo/_smoke_tests/bugs/2173-accordion.py b/marimo/_smoke_tests/bugs/2173-accordion.py
new file mode 100644
index 00000000000..2eca0b5b400
--- /dev/null
+++ b/marimo/_smoke_tests/bugs/2173-accordion.py
@@ -0,0 +1,33 @@
+# /// script
+# requires-python = ">=3.11"
+# dependencies = [
+#     "marimo",
+# ]
+# ///
+
+import marimo
+
+__generated_with = "0.8.7"
+app = marimo.App(width="medium")
+
+
+@app.cell
+def __(mo):
+    mo.accordion(
+        {
+            """**e)** Diria que o trabalho, a educação e a idade explicam muita da variação no sono? Que outros fatores poderiam afetar o tempo passado a dormir? Estarão esses fatores provavelmente correlacionados com o trabalho?""": """
+        - Content
+        """
+        }
+    )
+    return
+
+
+@app.cell
+def __():
+    import marimo as mo
+    return mo,
+
+
+if __name__ == "__main__":
+    app.run()