diff --git a/src/routes/docs/tabs.svx b/src/routes/docs/tabs.svx
index 0c3af6c..fe1dd9b 100644
--- a/src/routes/docs/tabs.svx
+++ b/src/routes/docs/tabs.svx
@@ -58,7 +58,7 @@ To style the active `Tab`, you can use the `selected` slot prop that it provides
 
 <TabGroup>
   <TabList>
-    <Tab class={({selected}) => "tab-selected" : "tab-unselected"}>Tab 1</Tab>
+    <Tab class={({selected}) => selected ? "tab-selected" : "tab-unselected"}>Tab 1</Tab>
     <!-- ... -->
   </TabList>
   <TabPanels>