diff --git a/packages/docs/page-config/ui-elements/confirm/api-description.ts b/packages/docs/page-config/ui-elements/confirm/api-description.ts
index 78a9b9a729..5f4a7d23d1 100644
--- a/packages/docs/page-config/ui-elements/confirm/api-description.ts
+++ b/packages/docs/page-config/ui-elements/confirm/api-description.ts
@@ -6,7 +6,7 @@ export default defineApiDescription({
     message: "Content of modal body",
     attachElement: "A valid selector of element, where modal will be rendered",
     disableAttachment: "Ignore `attach-element` prop and render component as it's parent child",
-    size: "Set the size of the modal's width. `\"small\"`, `\"medium\"` (default) or `\"large\"`",
+    size: "Set the size of the modal's width. `\"auto\"`, `\"small\"`, `\"medium\"` (default) or `\"large\"`",
     okText: "Text string to place in the default footer **Ok** button",
     cancelText: "Text string to place in the default footer **Cancel** button",
     hideDefaultActions: "Use `hide-default-actions: true` to hide **Cancel** and **Ok** buttons",
diff --git a/packages/docs/page-config/ui-elements/modal/api-description.ts b/packages/docs/page-config/ui-elements/modal/api-description.ts
index ccb890533b..dee704170c 100644
--- a/packages/docs/page-config/ui-elements/modal/api-description.ts
+++ b/packages/docs/page-config/ui-elements/modal/api-description.ts
@@ -6,7 +6,7 @@ export default defineApiDescription({
     message: "Content of modal body",
     attachElement: "A valid selector of element, where modal will be rendered",
     disableAttachment: "Ignore `attach-element` prop and render component as it's parent child",
-    size: "Set the size of the modal's width. `\"small\"`, `\"medium\"` (default) or `\"large\"`",
+    size: "Set the size of the modal's width. `\"auto\"`, `\"small\"`, `\"medium\"` (default) or `\"large\"`",
     okText: "Text string to place in the default footer **Ok** button",
     cancelText: "Text string to place in the default footer **Cancel** button",
     hideDefaultActions: "Use `hide-default-actions: true` to hide **Cancel** and **Ok** buttons",
diff --git a/packages/docs/page-config/ui-elements/modal/examples/ModalSizing.vue b/packages/docs/page-config/ui-elements/modal/examples/ModalSizing.vue
index c7505a6444..4dd674ace0 100644
--- a/packages/docs/page-config/ui-elements/modal/examples/ModalSizing.vue
+++ b/packages/docs/page-config/ui-elements/modal/examples/ModalSizing.vue
@@ -3,7 +3,7 @@
     class="mr-6 my-1"
     @click="showModalSizeAuto = !showModalSizeAuto"
   >
-    Show modal size small
+    Show modal size auto
   </VaButton>
 
   <VaButton
diff --git a/packages/docs/page-config/ui-elements/modal/index.ts b/packages/docs/page-config/ui-elements/modal/index.ts
index 6caff80271..968fc3084b 100644
--- a/packages/docs/page-config/ui-elements/modal/index.ts
+++ b/packages/docs/page-config/ui-elements/modal/index.ts
@@ -69,7 +69,7 @@ export default definePageConfig({
     }),
     block.example("ModalSizing", {
       title: "Modal sizing",
-      description: "Modals have three optional sizes, available via the prop `size`. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. Valid optional sizes are `small`, `medium` (default), and `large`."
+      description: "Modals have three optional sizes, available via the prop `size`. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports. Valid optional sizes are `auto`, `small`, `medium` (default), and `large`."
     }),
 
     block.example("NestedModals", {