diff --git a/src/components/ComponentDemo/ComponentDemo.module.scss b/src/components/ComponentDemo/ComponentDemo.module.scss
index 71233f1997a..e61cd5284f9 100644
--- a/src/components/ComponentDemo/ComponentDemo.module.scss
+++ b/src/components/ComponentDemo/ComponentDemo.module.scss
@@ -407,7 +407,7 @@ body[data-live-preview-theme='Gray 100'] ul[class^='bx--overflow-menu-options'],
   }
 
   [class*='--content-switcher-btn'] {
-    height: 2.5rem;
+    height: 100%;
   }
 
   [class*='--overflow-menu__icon'] {
diff --git a/src/data/docgen/react-docgen.json b/src/data/docgen/react-docgen.json
index e5dc39630b7..23a0851f326 100644
--- a/src/data/docgen/react-docgen.json
+++ b/src/data/docgen/react-docgen.json
@@ -916,7 +916,8 @@
           "name": "enum",
           "value": [
             { "value": "'sm'", "computed": false },
-            { "value": "'xl'", "computed": false }
+            { "value": "'md'", "computed": false },
+            { "value": "'lg'", "computed": false }
           ]
         },
         "required": false,
diff --git a/src/pages/components/content-switcher/code.mdx b/src/pages/components/content-switcher/code.mdx
index 1b5bf499bd8..f212df1c4ba 100755
--- a/src/pages/components/content-switcher/code.mdx
+++ b/src/pages/components/content-switcher/code.mdx
@@ -62,6 +62,7 @@ code usage documentation, see the Storybooks for each framework below.
     id="content-switcher"
     knobs={{
       Switch: ['disabled'],
+      ContentSwitcher: ['size'],
     }}
     links={{
       React:
diff --git a/src/pages/components/content-switcher/usage.mdx b/src/pages/components/content-switcher/usage.mdx
index 2d029fa4066..9c22ba76964 100755
--- a/src/pages/components/content-switcher/usage.mdx
+++ b/src/pages/components/content-switcher/usage.mdx
@@ -75,6 +75,7 @@ binary decision.
     id="content-switcher"
     knobs={{
       Switch: ['disabled'],
+      ContentSwitcher: ['size'],
     }}
     links={{
       React: