diff --git a/packages/block-editor/src/components/text-decoration-control/README.md b/packages/block-editor/src/components/text-decoration-control/README.md
index a606140baa330..87fb6e89bd571 100644
--- a/packages/block-editor/src/components/text-decoration-control/README.md
+++ b/packages/block-editor/src/components/text-decoration-control/README.md
@@ -28,7 +28,6 @@ Then, you can use the component in your block editor UI:
 ### `value`
 
 -   **Type:** `String`
--   **Default:** `none`
 -   **Options:** `none`, `underline`, `line-through`
 
 The current value of the Text Decoration setting. You may only choose from the `Options` listed above.
diff --git a/packages/block-editor/src/components/text-decoration-control/stories/index.story.js b/packages/block-editor/src/components/text-decoration-control/stories/index.story.js
index 0bd91e19f3f52..d139b30a2bb4b 100644
--- a/packages/block-editor/src/components/text-decoration-control/stories/index.story.js
+++ b/packages/block-editor/src/components/text-decoration-control/stories/index.story.js
@@ -27,7 +27,6 @@ const meta = {
 				type: {
 					summary: 'string',
 				},
-				defaultValue: { summary: 'none' },
 			},
 		},
 		onChange: {
@@ -52,18 +51,15 @@ const meta = {
 
 export default meta;
 
-/**
- * Default story showing TextDecorationControl
- */
 export const Default = {
 	render: function Template( { onChange, ...args } ) {
-		const [ value, setValue ] = useState( 'none' );
+		const [ value, setValue ] = useState();
 		return (
 			<TextDecorationControl
 				{ ...args }
-				onChange={ ( newValue ) => {
-					onChange( newValue );
-					setValue( newValue );
+				onChange={ ( ...changeArgs ) => {
+					onChange( ...changeArgs );
+					setValue( ...changeArgs );
 				} }
 				value={ value }
 			/>