From d4e77978d9ffd865b345ce5e2be0608b5912cbf7 Mon Sep 17 00:00:00 2001
From: Jesse Winton <jesse@appwrite.io>
Date: Tue, 24 Dec 2024 11:09:37 -0800
Subject: [PATCH] fix typo, update accordion title

---
 CONTENT.md                               | 2 +-
 src/lib/components/Accordion/Item.svelte | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/CONTENT.md b/CONTENT.md
index 8278c3e9d0..02598588cb 100644
--- a/CONTENT.md
+++ b/CONTENT.md
@@ -296,7 +296,7 @@ Configure FCM for push notification to Android and Apple devices.
 
 #### Accordions
 
-Use accordions to reduce page size and collapse information that's not important when a reader is skilling the page.
+Use accordions to reduce page size and collapse information that's not important when a reader is scrolling the page.
 
 ```
 {% accordion %}
diff --git a/src/lib/components/Accordion/Item.svelte b/src/lib/components/Accordion/Item.svelte
index e06749c793..4026ad8bb3 100644
--- a/src/lib/components/Accordion/Item.svelte
+++ b/src/lib/components/Accordion/Item.svelte
@@ -8,12 +8,12 @@
         <summary
             class="collapsible-button flex cursor-pointer list-none appearance-none items-center justify-between marker:hidden [&::-webkit-details-marker]:hidden"
         >
-            <span class="text">{title}</span>
+            <span class="text-primary text-sub-body font-medium">{title}</span>
             <div class="icon text-primary transition-transform group-[&[open]]:rotate-180">
                 <span class="icon-cheveron-down" aria-hidden="true" />
             </div>
         </summary>
-        <div class="collapsible-content flex flex-col">
+        <div class="collapsible-content text-secondary text-sub-body flex flex-col">
             <slot />
         </div>
     </details>