diff --git a/JSDemos/Demos/Tabs/Overview/Angular/app/app.component.css b/JSDemos/Demos/Tabs/Overview/Angular/app/app.component.css
index 995e1ea8aeb..c70ea573220 100644
--- a/JSDemos/Demos/Tabs/Overview/Angular/app/app.component.css
+++ b/JSDemos/Demos/Tabs/Overview/Angular/app/app.component.css
@@ -36,7 +36,7 @@
 
 ::ng-deep .tabs-container {
   display: flex;
-  max-width: 600px;
+  max-width: 675px;
 }
 
 ::ng-deep .caption {
diff --git a/JSDemos/Demos/Tabs/Overview/React/styles.css b/JSDemos/Demos/Tabs/Overview/React/styles.css
index 73717d0b7a1..f02a938bcb5 100644
--- a/JSDemos/Demos/Tabs/Overview/React/styles.css
+++ b/JSDemos/Demos/Tabs/Overview/React/styles.css
@@ -36,7 +36,7 @@
 
 .tabs-container {
   display: flex;
-  max-width: 600px;
+  max-width: 675px;
 }
 
 .caption {
diff --git a/JSDemos/Demos/Tabs/Overview/Vue/App.vue b/JSDemos/Demos/Tabs/Overview/Vue/App.vue
index 61a85ee9b07..b8125721213 100644
--- a/JSDemos/Demos/Tabs/Overview/Vue/App.vue
+++ b/JSDemos/Demos/Tabs/Overview/Vue/App.vue
@@ -197,7 +197,7 @@ export default {
 
 .tabs-container {
   display: flex;
-  max-width: 600px;
+  max-width: 675px;
 }
 
 .caption {
diff --git a/JSDemos/Demos/Tabs/Overview/jQuery/styles.css b/JSDemos/Demos/Tabs/Overview/jQuery/styles.css
index 73717d0b7a1..f02a938bcb5 100644
--- a/JSDemos/Demos/Tabs/Overview/jQuery/styles.css
+++ b/JSDemos/Demos/Tabs/Overview/jQuery/styles.css
@@ -36,7 +36,7 @@
 
 .tabs-container {
   display: flex;
-  max-width: 600px;
+  max-width: 675px;
 }
 
 .caption {