diff --git a/src/webparts/controlsTest/components/ControlsTest.module.scss b/src/webparts/controlsTest/components/ControlsTest.module.scss
index 38f191db9..1b1cb5bb0 100644
--- a/src/webparts/controlsTest/components/ControlsTest.module.scss
+++ b/src/webparts/controlsTest/components/ControlsTest.module.scss
@@ -2,7 +2,7 @@ $themePrimary: '[theme:themePrimary, default:#0078d7]';
.controlsTest {
.container {
- max-width: 700px;
+ max-width: 1200px;
margin: 0px auto 20px auto;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
}
diff --git a/src/webparts/controlsTest/components/ControlsTest.tsx b/src/webparts/controlsTest/components/ControlsTest.tsx
index 024c42cd9..bb75ba157 100644
--- a/src/webparts/controlsTest/components/ControlsTest.tsx
+++ b/src/webparts/controlsTest/components/ControlsTest.tsx
@@ -2040,8 +2040,26 @@ export default class ControlsTest extends React.Component