From f686ca90b34e5746be2667cf75bc38f45c254972 Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Tue, 12 Aug 2025 11:12:42 +0300
Subject: [PATCH] docs(TabStrip): Fix broken example

---
 components/tabstrip/scrollable-tabs.md | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/components/tabstrip/scrollable-tabs.md b/components/tabstrip/scrollable-tabs.md
index 34fc5d278a..ec318921a8 100644
--- a/components/tabstrip/scrollable-tabs.md
+++ b/components/tabstrip/scrollable-tabs.md
@@ -58,7 +58,7 @@ The following example demonstrates this option in action.
 ````RAZOR
 <TelerikTabStrip Scrollable="true"
                  ScrollButtonsVisibility="@TabStripScrollButtonsVisibility.Auto"
-                 Width="100%">
+                 Width="30vw">
     <TabStripTab Title="First">
         First tab content.
     </TabStripTab>
@@ -68,6 +68,12 @@ The following example demonstrates this option in action.
     <TabStripTab Title="Third">
         Third tab content.
     </TabStripTab>
+    <TabStripTab Title="Fourth">
+        Fourth tab content.
+    </TabStripTab>
+    <TabStripTab Title="Fifth">
+        Fifth tab content.
+    </TabStripTab>
 </TelerikTabStrip>
 ````
 
@@ -83,7 +89,8 @@ The following example demonstrates this option in action.
 
 ````RAZOR
 <TelerikTabStrip Scrollable="true"
-                 ScrollButtonsVisibility="@TabStripScrollButtonsPosition.Start">
+                 ScrollButtonsPosition="@TabStripScrollButtonsPosition.Start"
+                 Width="280px">
     <TabStripTab Title="First">
         First tab content.
     </TabStripTab>
@@ -93,6 +100,12 @@ The following example demonstrates this option in action.
     <TabStripTab Title="Third">
         Third tab content.
     </TabStripTab>
+    <TabStripTab Title="Fourth">
+        Fourth tab content.
+    </TabStripTab>
+    <TabStripTab Title="Fifth">
+        Fifth tab content.
+    </TabStripTab>
 </TelerikTabStrip>
 ````