diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/README.md b/packages/web-react/src/components/UNSTABLE_Toggle/README.md
index 25826654cf..ab668bd94c 100644
--- a/packages/web-react/src/components/UNSTABLE_Toggle/README.md
+++ b/packages/web-react/src/components/UNSTABLE_Toggle/README.md
@@ -73,7 +73,7 @@ Validation states can be presented by prop `validationState`. See Validation sta
 
 ## Disabled State
 
- You can add `isDisabled` prop to disable Toggle.
+You can add `isDisabled` prop to disable Toggle.
 
 ```jsx
 <UNSTABLE_Toggle id="toggle-disabled" label="Toggle Label" isDisabled />
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDefault.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDefault.tsx
index 25b2aa282e..e4ee11f330 100644
--- a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDefault.tsx
+++ b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDefault.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleDefault = () => (
   <>
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDisabled.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDisabled.tsx
index a176e7fbcd..7a36797241 100644
--- a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDisabled.tsx
+++ b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDisabled.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleDisabled = () => (
   <>
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleFluid.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleFluid.tsx
index a561b42b45..c1dbd6f89d 100644
--- a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleFluid.tsx
+++ b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleFluid.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleFluid = () => <UNSTABLE_Toggle id="toggle-fluid" label="Toggle Label" name="default" isFluid />;
 
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHelperText.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHelperText.tsx
index cd03c6c2df..8a0ecfad0e 100644
--- a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHelperText.tsx
+++ b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHelperText.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleHelperText = () => (
   <>
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHiddenLabel.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHiddenLabel.tsx
index 94faa3fdfe..9146c956be 100644
--- a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHiddenLabel.tsx
+++ b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHiddenLabel.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleHiddenLabel = () => (
   <UNSTABLE_Toggle id="toggle-hidden-label" label="Toggle Label" name="default" isLabelHidden />
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleIndicators.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleIndicators.tsx
index 635fe39ac5..89e5cd0f1d 100644
--- a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleIndicators.tsx
+++ b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleIndicators.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleIndicators = () => (
   <>
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleRequired.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleRequired.tsx
index 8f7cb94c50..255c1fe251 100644
--- a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleRequired.tsx
+++ b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleRequired.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleRequired = () => <UNSTABLE_Toggle id="toggle-required" label="Toggle Label" name="default" isRequired />;
 
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleValidation.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleValidation.tsx
index 43dd64fe72..99c3478c37 100644
--- a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleValidation.tsx
+++ b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleValidation.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleValidation = () => (
   <>
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/stories/UNSTABLE_Toggle.stories.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/stories/UNSTABLE_Toggle.stories.tsx
index 65444be2fa..d3a6d44d52 100644
--- a/packages/web-react/src/components/UNSTABLE_Toggle/stories/UNSTABLE_Toggle.stories.tsx
+++ b/packages/web-react/src/components/UNSTABLE_Toggle/stories/UNSTABLE_Toggle.stories.tsx
@@ -23,13 +23,14 @@ const meta: Meta<typeof UNSTABLE_Toggle> = {
     },
   },
   args: {
+    hasIndicators: false,
+    helperText: '',
     id: 'toggle',
     isRequired: false,
     isDisabled: false,
     isFluid: false,
     isChecked: false,
     label: 'Toggle Label',
-    helperText: '',
     validationState: undefined,
     validationText: '',
   },