diff --git a/components/menu/index.css b/components/menu/index.css
index 3be2a0f170..397c50fd96 100644
--- a/components/menu/index.css
+++ b/components/menu/index.css
@@ -16,7 +16,7 @@ governing permissions and limitations under the License.
   --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-100);
   --spectrum-menu-item-label-font-size: var(--spectrum-font-size-100);
   --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-100);
-  
+
   --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-100);
   --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-100);
   --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-100);
@@ -71,7 +71,7 @@ governing permissions and limitations under the License.
   --spectrum-menu-section-header-font-weight: var(--spectrum-bold-font-weight);
   --spectrum-menu-section-header-color: var(--spectrum-gray-900);
   --spectrum-menu-collapsible-icon-color: var(--spectrum-gray-900);
-  
+
   --spectrum-menu-checkmark-icon-color-default: var(--spectrum-accent-color-900);
   --spectrum-menu-checkmark-icon-color-hover: var(--spectrum-accent-color-1000);
   --spectrum-menu-checkmark-icon-color-down: var(--spectrum-accent-color-1100);
@@ -120,7 +120,7 @@ governing permissions and limitations under the License.
   --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-75);
   --spectrum-menu-item-label-font-size: var(--spectrum-font-size-75);
   --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-75);
- 
+
   --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-75);
   --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-75);
   --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-75);
@@ -147,7 +147,7 @@ governing permissions and limitations under the License.
   --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-200);
   --spectrum-menu-item-label-font-size: var(--spectrum-font-size-200);
   --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-200);
-  
+
   --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-200);
   --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-200);
   --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-200);
@@ -174,7 +174,7 @@ governing permissions and limitations under the License.
   --spectrum-menu-item-icon-width: var(--spectrum-workflow-icon-size-300);
   --spectrum-menu-item-label-font-size: var(--spectrum-font-size-300);
   --spectrum-menu-item-label-text-to-visual: var(--spectrum-text-to-visual-300);
-  
+
   --spectrum-menu-item-label-inline-edge-to-content: var(--spectrum-component-edge-to-text-300);
   --spectrum-menu-item-top-edge-to-text: var(--spectrum-component-top-to-text-300);
   --spectrum-menu-item-bottom-edge-to-text: var(--spectrum-component-bottom-to-text-300);
@@ -227,7 +227,7 @@ governing permissions and limitations under the License.
         --highcontrast-checkbox-highlight-color-hover: ButtonText;
         --highcontrast-checkbox-highlight-color-default: ButtonText;
       }
-  
+
       .spectrum-Menu-itemSwitch {
         --highcontrast-switch-handle-border-color-hover: ButtonText;
         --highcontrast-switch-handle-border-color-selected-default: ButtonText;
@@ -281,7 +281,7 @@ governing permissions and limitations under the License.
   .spectrum-Menu-divider {
     --spectrum-menu-divider-thickness: var(--spectrum-divider-thickness-medium);
     &.spectrum-Divider--sizeS {
-      --spectrum-menu-divider-thickness: var(--spectrum-divider-thickness-small); 
+      --spectrum-menu-divider-thickness: var(--spectrum-divider-thickness-small);
     }
 
     overflow: visible;
@@ -339,14 +339,14 @@ governing permissions and limitations under the License.
   box-sizing: border-box;
 
   background-color: var(--highcontrast-menu-item-background-color-default, var(--mod-menu-item-background-color-default, var(--spectrum-menu-item-background-color-default)));
-  
+
   line-height: var(--mod-menu-item-label-line-height, var(--spectrum-menu-item-label-line-height));
 
   min-block-size: var(--mod-menu-item-min-height, var(--spectrum-menu-item-min-height));
   padding-block-start: var(--mod-menu-item-top-edge-to-text, var(--spectrum-menu-item-top-edge-to-text));
   padding-block-end: var(--mod-menu-item-bottom-edge-to-text, var(--spectrum-menu-item-bottom-edge-to-text));
   padding-inline: var(--mod-menu-item-label-inline-edge-to-content, var(--spectrum-menu-item-label-inline-edge-to-content));
-  
+
   margin: 0;
   text-decoration: none;
 
@@ -365,7 +365,7 @@ governing permissions and limitations under the License.
 
   .spectrum-Menu-itemSwitch {
     min-block-size: 0;
-    
+
     .spectrum-Switch-switch {
       margin-block-start: var(--mod-menu-item-top-to-action, var(--spectrum-menu-item-top-to-action));;
       margin-block-end: 0;
@@ -377,11 +377,11 @@ governing permissions and limitations under the License.
   display: grid;
   /* stylelint-disable declaration-block-no-redundant-longhand-properties */
   grid-template-areas:
-    ".            chevronAreaCollapsible .             iconArea sectionHeadingArea  .         .           .                 "
+    ".            chevronAreaCollapsible .             headingIconArea  sectionHeadingArea  .         .           .                 "
     "selectedArea chevronAreaCollapsible checkmarkArea iconArea labelArea        valueArea actionsArea chevronAreaDrillIn"
     ".            .                      .             .        descriptionArea  .         .           .                 "
     ".            .                      .             .        submenuArea      .         .           .                 ";
-  
+
   grid-template-columns: auto auto auto auto 1fr auto auto auto;
   grid-template-rows: 1fr auto;
 }
@@ -422,7 +422,7 @@ governing permissions and limitations under the License.
   > .spectrum-Menu-itemValue {
     color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-value-color-focus, var(--spectrum-menu-item-value-color-focus)));
   }
-  
+
   > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark) {
     fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-focus, var(--spectrum-menu-item-label-icon-color-focus)));
     color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-focus, var(--spectrum-menu-item-label-icon-color-focus)));
@@ -469,7 +469,7 @@ governing permissions and limitations under the License.
   > .spectrum-Menu-itemValue {
     color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-value-color-hover, var(--spectrum-menu-item-value-color-hover)));
   }
-  
+
   > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark) {
     fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-hover, var(--spectrum-menu-item-label-icon-color-hover)));
     color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-hover, var(--spectrum-menu-item-label-icon-color-hover)));
@@ -492,7 +492,7 @@ governing permissions and limitations under the License.
   > .spectrum-Menu-itemLabel {
     color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-content-color-down, var(--spectrum-menu-item-label-content-color-down)));
   }
-  
+
   > .spectrum-Menu-sectionHeading {
     color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-section-header-color, var(--spectrum-menu-section-header-color)));
   }
@@ -504,7 +504,7 @@ governing permissions and limitations under the License.
   > .spectrum-Menu-itemValue {
     color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-value-color-down, var(--spectrum-menu-item-value-color-down)));
   }
-  
+
   > .spectrum-Menu-itemIcon:not(.spectrum-Menu-chevron, .spectrum-Menu-checkmark) {
     fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-down, var(--spectrum-menu-item-label-icon-color-down)));
     color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-item-label-icon-color-down, var(--spectrum-menu-item-label-icon-color-down)));
@@ -526,6 +526,17 @@ governing permissions and limitations under the License.
   align-self: start;
 }
 
+.spectrum-Menu-item--collapsible .spectrum-Menu-itemIcon {
+  grid-area: headingIconArea;
+}
+
+.is-selectableMultiple .spectrum-Menu-item {
+  align-items: start;
+}
+.is-selectableMultiple .spectrum-Menu-itemCheckbox {
+  grid-area: iconArea;
+}
+
 .spectrum-Menu-checkmark {
   grid-area: checkmarkArea;
   align-self: start;
@@ -537,8 +548,6 @@ governing permissions and limitations under the License.
 
 .spectrum-Menu-itemLabel {
   grid-area: labelArea;
-  display: flex;
-  align-items: flex-start;
   font-size: var(--mod-menu-item-label-font-size, var(--spectrum-menu-item-label-font-size));
   color: var(--highcontrast-menu-item-color-default, var(--mod-menu-item-label-content-color-default, var(--spectrum-menu-item-label-content-color-default)));
 }
@@ -640,7 +649,7 @@ governing permissions and limitations under the License.
   margin-inline-start: var(--mod-menu-item-label-to-value-area-min-spacing, var(--spectrum-menu-item-label-to-value-area-min-spacing));
 }
 
-.spectrum-Menu-itemLabel--wrapping {
+.spectrum-Menu-itemLabel--truncate {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
@@ -694,11 +703,11 @@ governing permissions and limitations under the License.
 }
 
 [dir="rtl"] .spectrum-Menu-chevron {
-  transform: rotate(-180deg); 
+  transform: rotate(-180deg);
 }
 
 /*
-  assume that if an item is collapsible, it will 
+  assume that if an item is collapsible, it will
   have a chevron and we need to adjust position of submenu items to account for that
 */
 .spectrum-Menu-item--collapsible .spectrum-Menu {
@@ -745,7 +754,7 @@ governing permissions and limitations under the License.
     .spectrum-Menu-chevron {
       fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-drillin-icon-color-hover, var(--spectrum-menu-drillin-icon-color-hover)));
       color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-drillin-icon-color-hover, var(--spectrum-menu-drillin-icon-color-hover)));
-    }    
+    }
   }
 
   &:focus,
@@ -753,14 +762,14 @@ governing permissions and limitations under the License.
     .spectrum-Menu-chevron {
       fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-drillin-icon-color-focus, var(--spectrum-menu-drillin-icon-color-focus)));
       color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-drillin-icon-color-focus, var(--spectrum-menu-drillin-icon-color-focus)));
-    }    
+    }
   }
 
   &:active {
     .spectrum-Menu-chevron {
       fill: var(--highcontrast-menu-item-color-focus, var(--mod-menu-drillin-icon-color-down, var(--spectrum-menu-drillin-icon-color-down)));
       color: var(--highcontrast-menu-item-color-focus, var(--mod-menu-drillin-icon-color-down, var(--spectrum-menu-drillin-icon-color-down)));
-    }    
+    }
   }
 }
 
@@ -773,11 +782,11 @@ governing permissions and limitations under the License.
   .spectrum-Menu-sectionHeading {
     color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-content-color-disabled, var(--spectrum-menu-item-label-content-color-disabled)));
   }
-  
+
   .spectrum-Menu-itemDescription {
     color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-description-color-disabled, var(--spectrum-menu-item-description-color-disabled)));
   }
-  
+
   .spectrum-Menu-itemIcon {
     fill: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));
     color: var(--highcontrast-menu-item-color-disabled, var(--mod-menu-item-label-icon-color-disabled, var(--spectrum-menu-item-label-icon-color-disabled)));
diff --git a/components/menu/metadata/menu.yml b/components/menu/metadata/menu.yml
index 5c6ad40ab9..e498efcd33 100644
--- a/components/menu/metadata/menu.yml
+++ b/components/menu/metadata/menu.yml
@@ -8,12 +8,16 @@ sections:
     description: |
       ### T-shirt sizing
       Menu now supports t-shirt sizing and requires that you specify the size by adding a `.spectrum-Menu--size*` class.
-      
+
       ### Use small divider classes
       When using a section divider, add `.spectrum-Divider` and `spectrum-Divider--sizeS` classes to `spectrum-Menu-divider`. The divider has also changed from medium to small.
-      
+
       ### Change workflow icon size to medium
       Please replace `.spectrum-Icon--sizeS` with `.spectrum-Icon--sizeM`.
+
+      ### Menu item with switch mark up ###
+      In the case of a menu item that includes an icon and a switch, the label and icon should be seperate elements. As opposed to the icon SVG being with in the label. This matches the pattern of other variants with icons within the menu item.
+
 examples:
   - id: sizing
     name: Sizing
@@ -551,7 +555,7 @@ examples:
                 <svg class="spectrum-Icon spectrum-Icon--sizeS spectrum-UIIcon-ChevronRight75 spectrum-Menu-chevron spectrum-Menu-itemIcon" focusable="false" aria-hidden="true" aria-label="Next">
                   <use xlink:href="#spectrum-css-icon-Chevron75" />
                 </svg>
-                
+
                 <span class="spectrum-Menu-sectionHeading" id="ex1-menu-heading-2" aria-hidden="true">Mobile</span>
                 <ul id="spectrum-menu-item-1-submenu" class="spectrum-Menu spectrum-Menu--sizeS is-open" aria-labelledby="ex1-menu-heading-2" role="menu">
                   <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
@@ -671,7 +675,7 @@ examples:
                 <svg class="spectrum-Icon spectrum-Icon--sizeM spectrum-UIIcon-ChevronRight100 spectrum-Menu-chevron spectrum-Menu-itemIcon" focusable="false" aria-hidden="true" aria-label="Next">
                   <use xlink:href="#spectrum-css-icon-Chevron100" />
                 </svg>
-                
+
                 <span class="spectrum-Menu-sectionHeading" id="ex2-menu-heading-2" aria-hidden="true">Mobile</span>
                 <ul id="spectrum-menu-item-1-submenu" class="spectrum-Menu is-open" aria-labelledby="ex2-menu-heading-2" role="menu">
                   <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
@@ -791,7 +795,7 @@ examples:
                 <svg class="spectrum-Icon spectrum-Icon--sizeL spectrum-UIIcon-ChevronRight200 spectrum-Menu-chevron spectrum-Menu-itemIcon" focusable="false" aria-hidden="true" aria-label="Next">
                   <use xlink:href="#spectrum-css-icon-Chevron200" />
                 </svg>
-                
+
                 <span class="spectrum-Menu-sectionHeading" id="ex3-menu-heading-2" aria-hidden="true">Mobile</span>
                 <ul id="spectrum-menu-item-1-submenu" class="spectrum-Menu spectrum-Menu--sizeL is-open" aria-labelledby="ex3-menu-heading-2" role="menu">
                   <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
@@ -911,7 +915,7 @@ examples:
                 <svg class="spectrum-Icon spectrum-Icon--sizeXL spectrum-UIIcon-Chevron300 spectrum-Menu-chevron spectrum-Menu-itemIcon" focusable="false" aria-hidden="true" aria-label="Next">
                   <use xlink:href="#spectrum-css-icon-Chevron300" />
                 </svg>
-                
+
                 <span class="spectrum-Menu-sectionHeading" id="ex4-menu-heading-2" aria-hidden="true">Mobile</span>
                 <ul id="spectrum-menu-item-1-submenu" class="spectrum-Menu spectrum-Menu--sizeXL is-open" aria-labelledby="ex4-menu-heading-2" role="menu">
                   <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
@@ -1014,10 +1018,10 @@ examples:
               <span class="spectrum-Menu-itemLabel">Select Inverse</span>
             </li>
             <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
-              <span class="spectrum-Menu-itemLabel">Feather...</span>
+              <span class="spectrum-Menu-itemLabel">Feather Effect</span>
             </li>
             <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
-              <span class="spectrum-Menu-itemLabel">Select and Mask...</span>
+              <span class="spectrum-Menu-itemLabel">Select and Mask</span>
             </li>
             <li class="spectrum-Divider spectrum-Divider--sizeS spectrum-Menu-divider" role="separator"></li>
             <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
@@ -1265,10 +1269,10 @@ examples:
           <div class="spectrum-Examples-itemGroup">
             <ul class="spectrum-Menu" role="menu">
               <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
-                <label class="spectrum-Switch-label spectrum-Menu-itemLabel" for="switch-onoff-3">
                   <svg class="spectrum-Icon spectrum-Icon--sizeM spectrum-Menu-itemIcon spectrum-Menu-itemIcon--workflowIcon" focusable="false" aria-hidden="true" aria-label="Selection Icon">
                     <use xlink:href="#spectrum-icon-18-Selection"></use>
                   </svg>
+                <label class="spectrum-Switch-label spectrum-Menu-itemLabel" for="switch-onoff-3">
                   Marquee
                 </label>
                 <div class="spectrum-Menu-itemActions">
@@ -1279,10 +1283,10 @@ examples:
                 </div>
               </li>
               <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
+                <svg class="spectrum-Icon spectrum-Icon--sizeM spectrum-Menu-itemIcon spectrum-Menu-itemIcon--workflowIcon" focusable="false" aria-hidden="true" aria-label="Select Add Icon">
+                  <use xlink:href="#spectrum-icon-18-SelectAdd"></use>
+                </svg>
                 <label class="spectrum-Switch-label spectrum-Menu-itemLabel" for="switch-onoff-4">
-                  <svg class="spectrum-Icon spectrum-Icon--sizeM spectrum-Menu-itemIcon spectrum-Menu-itemIcon--workflowIcon" focusable="false" aria-hidden="true" aria-label="Select Add Icon">
-                    <use xlink:href="#spectrum-icon-18-SelectAdd"></use>
-                  </svg>
                   Add
                 </label>
                 <div class="spectrum-Menu-itemActions">
@@ -1293,10 +1297,10 @@ examples:
                 </div>
               </li>
               <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
+                <svg class="spectrum-Icon spectrum-Icon--sizeM spectrum-Menu-itemIcon spectrum-Menu-itemIcon--workflowIcon" focusable="false" aria-hidden="true" aria-label="Select Subtract Icon">
+                  <use xlink:href="#spectrum-icon-18-SelectSubtract"></use>
+                </svg>
                 <label class="spectrum-Switch-label spectrum-Menu-itemLabel" for="switch-onoff-5">
-                  <svg class="spectrum-Icon spectrum-Icon--sizeM spectrum-Menu-itemIcon spectrum-Menu-itemIcon--workflowIcon" focusable="false" aria-hidden="true" aria-label="Select Subtract Icon">
-                    <use xlink:href="#spectrum-icon-18-SelectSubtract"></use>
-                  </svg>
                   Subtract
                 </label>
                 <div class="spectrum-Menu-itemActions">
@@ -1312,7 +1316,7 @@ examples:
       </div>
   - id: submenu-drillin
     name: Drill-in for submenu
-    description: When a menu item contains a submenu, a drill-in chevron will appear at the end of the menu item to show that a submenu is available. See the guidelines for more info on how to display submenus.
+    description: Use the class `spectrum-Menu-itemLabel--truncate` on the item label or section heading that should truncate within a menu. When text would typically overflow beyond the available horizontal space and wrap (default behavior), ellipsis will appear instead. This is demonstrated here by setting an `inline-size` on the menu.
     markup: |
       <div class="spectrum-Examples">
         <div class="spectrum-Examples-item">
@@ -1330,7 +1334,7 @@ examples:
               </svg>
             </li>
             <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
-              <span class="spectrum-Menu-itemLabel">Select and Mask...</span>
+              <span class="spectrum-Menu-itemLabel">Select and Mask</span>
             </li>
             <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
               <span class="spectrum-Menu-itemLabel">Save Selection</span>
@@ -1379,6 +1383,27 @@ examples:
                   <span class="spectrum-Menu-itemLabel">Subtract</span>
                 </li>
               </ul>
+          </div>
+        </div>
+
+  - id: menu-truncate
+    name: Menu with truncating text
+    description: Use the class `spectrum-Menu-itemLabel--truncate` on the item label or section heading that should truncate with in a menu with a set `inline-size` or `max-inline-size`
+    markup: |
+      <div class="spectrum-Examples" style="justify-content: flex-start; gap: 25%;">
+        <div class="spectrum-Examples-item">
+          <ul class="spectrum-Menu spectrum-Menu--sizeM" role="menu" style="inline-size: 100px;">
+            <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
+              <span class="spectrum-Menu-itemLabel">Deselect</span>
+            </li>
+            <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
+              <span class="spectrum-Menu-itemLabel">Select Inverse</span>
+            </li>
+            <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
+              <span class="spectrum-Menu-itemLabel spectrum-Menu-itemLabel--truncate">Truncate this menu item</span>
+            </li>
+            <li class="spectrum-Menu-item" role="menuitem" tabindex="0">
+              <span class="spectrum-Menu-itemLabel">Save Selection</span>
             </li>
           </ul>
         </div>
diff --git a/components/menu/stories/menu.stories.js b/components/menu/stories/menu.stories.js
index d3d6dc56c4..bd9bc053ea 100644
--- a/components/menu/stories/menu.stories.js
+++ b/components/menu/stories/menu.stories.js
@@ -13,16 +13,35 @@ export default {
       table: { disable: true },
       options: ["none", "single", "multiple"],
     },
-		size: {
-			name: "Size",
-			type: { name: "string", required: true },
-			table: {
-				type: { summary: "string" },
-				category: "Component",
-			},
-			options: ["s", "m", "l", "xl"],
-			control: "select",
-		},
+    size: {
+      name: "Size",
+      type: { name: "string", required: true },
+      table: {
+        type: { summary: "string" },
+        category: "Component",
+      },
+      options: ["s", "m", "l", "xl"],
+      control: "select",
+    },
+    shouldTruncate: {
+      name: "Truncate menu item label",
+      type: { name: "boolean" },
+      table: {
+        type: { summary: "boolean" },
+        category: "Component",
+      },
+      control: "boolean",
+    },
+    maxInlineSize: {
+      name: "Max Inline Size",
+      type: { name: "text", required: true },
+      table: {
+        type: { summary: "text" },
+        category: "Component",
+      },
+      control: "text",
+      if: { arg: "shouldTruncate", truthy: true },
+    },
     hasActions: { table: { disable: true } },
     labelledby: { table: { disable: true } },
     items: { table: { disable: true } },
@@ -33,6 +52,8 @@ export default {
     rootClass: "spectrum-Menu",
     selectionMode: "none",
     size: "m",
+    shouldTruncate: false,
+    maxInlineSize: "150px"
   },
   parameters: {
     actions: {
@@ -52,12 +73,27 @@ Default.args = {
   items: [
     { label: "Deselect" },
     { label: "Select Inverse" },
-    { label: "Feather..." },
-    { label: "Select and Mask..." },
+    { label: "Feather" },
+    { label: "Select and Mask" },
+    { type: "divider" },
+    { label: "Save Selection" },
+    { label: "Make Work Path", isDisabled: true },
+  ],
+};
+
+export const Truncate = Template.bind({});
+Truncate.args = {
+  items: [
+    { label: "Deselect", },
+    { label: "Select Inverse" },
+    { label: "Feather" },
+    { label: "Select and Mask" },
     { type: "divider" },
     { label: "Save Selection" },
     { label: "Make Work Path", isDisabled: true },
   ],
+  shouldTruncate: true,
+  maxInlineSize: '100px',
 };
 
 export const MenuWithSections = Template.bind({});
@@ -335,7 +371,7 @@ DrillInSubmenu.args = {
       isOpen: true,
     },
     {
-      label: "Select and Mask...",
+      label: "Select and Mask",
       isDrillIn: true,
       isDisabled: true,
       isOpen: true,
@@ -346,6 +382,7 @@ DrillInSubmenu.args = {
 
 export const Collapsible = Template.bind({});
 Collapsible.args = {
+  shouldTruncate: true,
   items: [
     {
       label: "Web Design",
diff --git a/components/menu/stories/template.js b/components/menu/stories/template.js
index 471591ed54..a737f65ce8 100644
--- a/components/menu/stories/template.js
+++ b/components/menu/stories/template.js
@@ -1,7 +1,8 @@
 import { html } from "lit";
 import { classMap } from "lit/directives/class-map.js";
-import { ifDefined } from "lit/directives/if-defined.js";
 import { styleMap } from "lit/directives/style-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { when } from "lit/directives/when.js";
 
 import { Template as Checkbox } from "@spectrum-css/checkbox/stories/template.js";
 import { Template as Divider } from "@spectrum-css/divider/stories/template.js";
@@ -25,6 +26,8 @@ export const MenuItem = ({
   isDrillIn = false,
   isCollapsible = false,
   isOpen = false,
+  shouldTruncate,
+  maxInlineSize,
   role = "menuitem",
   items = [],
   size,
@@ -74,13 +77,14 @@ export const MenuItem = ({
             ]
           }) : ''}
       ${isCollapsible
-        ? html`<span class="spectrum-Menu-sectionHeading">${label}</span>`
+        ? html`<span class="spectrum-Menu-sectionHeading ${shouldTruncate ? "spectrum-Menu-itemLabel--truncate" : "" }">${label}</span>`
         : ''
       }
       ${selectionMode != "multiple" && !isCollapsible
         ? html`<span class=${classMap({
-            [`${rootClass}Label`]: true,
-            ['spectrum-Switch-label']: hasActions,
+          [`${rootClass}Label`]: true,
+          ['spectrum-Switch-label']: hasActions,
+          [`spectrum-Menu-itemLabel--truncate`]: shouldTruncate,
           })}>
           ${label}
         </span>`
@@ -99,20 +103,20 @@ export const MenuItem = ({
             ],
           })
         : ''}
-      ${selectionMode == "multiple"
-        ? Checkbox({
+      ${when(selectionMode == "multiple", () =>  html`
+        ${Checkbox({
           ...globals,
           size,
           isEmphasized: true,
           isChecked: isSelected,
-          label: label,
           id: `menu-checkbox-${idx}`,
           customClasses: [
             `${rootClass}Checkbox`,
           ],
-        })
-      : ''}
-      ${isChecked && selectionMode == "single"
+        })}
+         <span  class="spectrum-Menu-itemLabel ${shouldTruncate ? "spectrum-Menu-itemLabel--truncate" : "" }">${label}</span>
+         `)}
+        ${isChecked && selectionMode == "single"
         ? Icon({
             ...globals,
             iconName: "Checkmark100",
@@ -140,7 +144,7 @@ export const MenuItem = ({
             })}
             </div>`
           : ''}
-      ${isCollapsible && items.length > 0 ? Template({ ...globals, items, isOpen, size }) : ''}
+      ${isCollapsible && items.length > 0 ? Template({ ...globals, items, isOpen, size, shouldTruncate }) : ''}
     </li>
   `
 };
@@ -169,6 +173,8 @@ export const MenuGroup = ({
   isDisabled = false,
   isSelectable = false,
   isTraySubmenu = false,
+  shouldTruncate,
+  maxInlineSize,
   subrole,
   size,
   ...globals
@@ -177,9 +183,9 @@ export const MenuGroup = ({
     id=${ifDefined(id)}
     role="presentation"
   >
-    ${!isTraySubmenu 
+    ${!isTraySubmenu
       ? html`<span
-          class="spectrum-Menu-sectionHeading"
+          class="spectrum-Menu-sectionHeading ${shouldTruncate ? "spectrum-Menu-itemLabel--truncate" : "" }"
           id=${id ?? `menu-heading-category-${idx}`}
           aria-hidden="true"
         >${heading}</span>`
@@ -189,14 +195,18 @@ export const MenuGroup = ({
               ...globals,
               iconName: backArrowWithScale(size),
               size,
-              customClasses: [`spectrum-Menu-backIcon`] 
+              customClasses: [`spectrum-Menu-backIcon`]
             })}
           </button>
-          <span
-            class="spectrum-Menu-backHeading"
-            id=${id ?? `menu-heading-category-${idx}`}
-            aria-hidden="true"
-          >${heading}</span>
+          ${heading
+          ? html`<span
+              class="spectrum-Menu-sectionHeading ${shouldTruncate ? "spectrum-Menu-itemLabel--truncate" : "" }"
+              style=${maxInlineSize ? `max-inline-size: ${maxInlineSize}px;` : ""}
+              id=${id ?? `menu-heading-category-${idx}`}
+              aria-hidden="true"
+              >${heading}</span
+            >`
+          : ""}
         </div>`
     }
     ${Template({
@@ -207,11 +217,14 @@ export const MenuGroup = ({
       items,
       isDisabled,
       isSelectable,
+      shouldTruncate: true,
+      maxInlineSize,
       size,
     })}
   </li>
 `;
 
+
 export const Template = ({
   rootClass = "spectrum-Menu",
   labelledby,
@@ -219,6 +232,8 @@ export const Template = ({
   customStyles = {},
   size,
   isDisabled = false,
+  maxInlineSize,
+  shouldTruncate,
   selectionMode = "none",
   isOpen = false,
   hasActions = false,
@@ -243,7 +258,7 @@ export const Template = ({
       role=${ifDefined(role)}
       aria-labelledby=${ifDefined(labelledby)}
       aria-disabled=${isDisabled ? "true" : "false"}
-      style=${ifDefined(styleMap(customStyles))}
+      style=${maxInlineSize ? `max-inline-size: ${maxInlineSize};` : styleMap(customStyles)}
     >
       ${items.map((i, idx) => {
         if (i.type === "divider")
@@ -254,13 +269,14 @@ export const Template = ({
             customClasses: [`${rootClass}-divider`],
           });
         else if (i.heading || i.isTraySubmenu)
-          return MenuGroup({ 
+          return MenuGroup({
             ...i,
             ...globals,
             subrole,
             size,
             selectionMode,
             isTraySubmenu,
+            shouldTruncate
           });
         else
           return MenuItem({
@@ -271,6 +287,7 @@ export const Template = ({
             role: subrole,
             size,
             selectionMode,
+            shouldTruncate,
             hasActions,
           });
       })}