diff --git a/components/tabstrip/scrollable-tabs.md b/components/tabstrip/scrollable-tabs.md
index 34fc5d278..ec318921a 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>
 ````