diff --git a/packages/web-components/.storybook/preview-body.html b/packages/web-components/.storybook/preview-body.html
index c2702a6a7fb9b..996c666f92e71 100644
--- a/packages/web-components/.storybook/preview-body.html
+++ b/packages/web-components/.storybook/preview-body.html
@@ -9,5 +9,4 @@
     <span slot="checked-message">Dark</span>
     <span slot="unchecked-message">Light</span>
   </fluent-switch>
-  <fluent-slider id="font-weight" min="100" max="1000" value="400"> </fluent-slider>
 </div>
diff --git a/packages/web-components/.storybook/preview-head.html b/packages/web-components/.storybook/preview-head.html
index a51852a3bb8eb..05f15cd8d0df0 100644
--- a/packages/web-components/.storybook/preview-head.html
+++ b/packages/web-components/.storybook/preview-head.html
@@ -18,6 +18,7 @@
 
   div.docs-story > div:first-child {
     height: 12em;
+    padding: 30px 20px;
   }
 
   #switches-container {
diff --git a/packages/web-components/.storybook/preview.js b/packages/web-components/.storybook/preview.js
index 37601d56926ba..00cb6c7c14844 100644
--- a/packages/web-components/.storybook/preview.js
+++ b/packages/web-components/.storybook/preview.js
@@ -3,13 +3,12 @@ import { DOCS_RENDERED } from '@storybook/core-events';
 import * as Fluent from '../src/index-rollup';
 import { fillColor, neutralLayer1, neutralLayer2 } from '../src/design-tokens';
 import webcomponentsTheme from './theme';
-import { changeWeight, toggleBgMode, toggleLtr } from '../public/switches';
+import { toggleBgMode, toggleLtr } from '../public/switches';
 
 Fluent;
 
 document.getElementById('luminance-switch').addEventListener('change', toggleBgMode, false);
 document.getElementById('direction-switch').addEventListener('change', toggleLtr, false);
-document.getElementById('font-weight').addEventListener('change', changeWeight, false);
 
 export const parameters = {
   layout: 'fullscreen',
diff --git a/packages/web-components/public/switches.ts b/packages/web-components/public/switches.ts
index 17651dcb09ec8..87e9f8f69db50 100644
--- a/packages/web-components/public/switches.ts
+++ b/packages/web-components/public/switches.ts
@@ -1,5 +1,5 @@
 import { Direction } from '@microsoft/fast-web-utilities';
-import { baseLayerLuminance, direction, fontWeight, StandardLuminance } from '../src/index';
+import { baseLayerLuminance, direction, StandardLuminance } from '../src/index';
 
 export function toggleBgMode() {
   const storyContainer = document.querySelector<HTMLElement>('.docs-story')!;
@@ -22,9 +22,3 @@ export function toggleLtr() {
     direction.setValueFor(storyContainer, Direction.ltr);
   }
 }
-
-export function changeWeight() {
-  const storyContainer = document.querySelector<HTMLElement>('.docs-story')!;
-  const val = this.value;
-  fontWeight.setValueFor(storyContainer, val);
-}