diff --git a/examples/Demo/Shared/Pages/Tabs/Examples/TabsDefault.razor b/examples/Demo/Shared/Pages/Tabs/Examples/TabsDefault.razor
index 005c818369..0dcd6d93cb 100644
--- a/examples/Demo/Shared/Pages/Tabs/Examples/TabsDefault.razor
+++ b/examples/Demo/Shared/Pages/Tabs/Examples/TabsDefault.razor
@@ -36,7 +36,7 @@ If checked, the contents of Tab two and three will be loaded after 1 second of p
 <p>Active tab changed to: @changedto?.Label</p>
 
 <h4>Vertical</h4>
-<FluentTabs Orientation="Orientation.Vertical" ActiveTabId="tab-v1">
+<FluentTabs Orientation="Orientation.Vertical" ActiveTabId="tab-v1" Style="height: 200px;">
     <FluentTab Label="Tab one" Id="tab-v1">
         Tab one content. This is for testing.
     </FluentTab>
diff --git a/examples/Demo/Shared/Pages/Tabs/Examples/TabsNoIndicator.razor b/examples/Demo/Shared/Pages/Tabs/Examples/TabsNoIndicator.razor
index 990369ffe0..1257377a8f 100644
--- a/examples/Demo/Shared/Pages/Tabs/Examples/TabsNoIndicator.razor
+++ b/examples/Demo/Shared/Pages/Tabs/Examples/TabsNoIndicator.razor
@@ -12,7 +12,7 @@
 </FluentTabs>
 
 <h4>No active indicator - Vertical</h4>
-<FluentTabs ShowActiveIndicator=false ActiveTabId="tab3" Orientation="Orientation.Vertical">
+<FluentTabs ShowActiveIndicator=false ActiveTabId="tab3" Orientation="Orientation.Vertical" Style="height: 250px;">
     <FluentTab Id="TabOne" Label="Tab one">
         Tab one content. This is for testing.
     </FluentTab>
@@ -25,4 +25,4 @@
     <FluentTab id="tab4" Disabled=true Label="Tab four">
         Tab four content. This is for testing.
     </FluentTab>
-</FluentTabs>
\ No newline at end of file
+</FluentTabs>