diff --git a/src/pages/components/menu-buttons/images/style-menu-buttons.png b/src/pages/components/menu-buttons/images/style-menu-buttons.png
index 22a2c480cc8..c55bd9dc1f2 100644
Binary files a/src/pages/components/menu-buttons/images/style-menu-buttons.png and b/src/pages/components/menu-buttons/images/style-menu-buttons.png differ
diff --git a/src/pages/components/menu-buttons/images/usage-combo-button-height.png b/src/pages/components/menu-buttons/images/usage-combo-button-height.png
new file mode 100644
index 00000000000..5039e9422dc
Binary files /dev/null and b/src/pages/components/menu-buttons/images/usage-combo-button-height.png differ
diff --git a/src/pages/components/menu-buttons/images/usage-menu-button-1.png b/src/pages/components/menu-buttons/images/usage-menu-button-1.png
index 8e6cafb1c0b..cd47580de15 100644
Binary files a/src/pages/components/menu-buttons/images/usage-menu-button-1.png and b/src/pages/components/menu-buttons/images/usage-menu-button-1.png differ
diff --git a/src/pages/components/menu-buttons/images/usage-menu-buttons-width.png b/src/pages/components/menu-buttons/images/usage-menu-buttons-width.png
new file mode 100644
index 00000000000..b2d0b05e386
Binary files /dev/null and b/src/pages/components/menu-buttons/images/usage-menu-buttons-width.png differ
diff --git a/src/pages/components/menu-buttons/images/usage-menu-combo-button-1.png b/src/pages/components/menu-buttons/images/usage-menu-combo-button-1.png
index f0b5120cf9f..89a4a1e61d7 100644
Binary files a/src/pages/components/menu-buttons/images/usage-menu-combo-button-1.png and b/src/pages/components/menu-buttons/images/usage-menu-combo-button-1.png differ
diff --git a/src/pages/components/menu-buttons/style.mdx b/src/pages/components/menu-buttons/style.mdx
index 59c059affe9..16fc05a873b 100644
--- a/src/pages/components/menu-buttons/style.mdx
+++ b/src/pages/components/menu-buttons/style.mdx
@@ -35,7 +35,7 @@ The menu used in menu buttons should follow the
 ### Menu button color
 
 <Row>
-<Column colLg={8}>
+<Column colLg={12}>
 
 ![Menu button variants](images/style-menu-buttons.png)
 
diff --git a/src/pages/components/menu-buttons/usage.mdx b/src/pages/components/menu-buttons/usage.mdx
index 0d5a05afdde..c3e44e63c81 100644
--- a/src/pages/components/menu-buttons/usage.mdx
+++ b/src/pages/components/menu-buttons/usage.mdx
@@ -138,10 +138,17 @@ A. Icon button <br /> B. Menu <br />
 
 #### Height
 
-Menu items come in four sizes: extra small, small, medium, and large. See more
-about size specifications on the [style](/components/menu/style/) tab. When
-using a menu button trigger, the height of the menu item (singular) reflects the
-size of the button being used.
+Menu buttons come in three sizes: **small**, **medium**, and **large**. Menu items 
+have the same size as menu buttons with an additional **extra small** size.  See 
+more about size specifications on the [Style](/components/menu-buttons/style/) 
+tab. When using a menu button trigger, the height of the menu item (singular) 
+reflects the size of the button being used.
+
+| Size   | Height (px / rem) |
+| ------ | ----------------- |
+| Small  | 32 / 2            |
+| Medium | 40 / 2.5          |
+| Large  | 48 / 3            |
 
 <InlineNotification>
 
@@ -153,17 +160,10 @@ implementation in other contexts if needed.
 
 </InlineNotification>
 
-| Size        | Height (px / rem) |
-| ----------- | ----------------- |
-| Extra small | 24 / 1.5          |
-| Small       | 32 / 2            |
-| Medium      | 40 / 2.5          |
-| Large       | 48 / 3            |
-
 <Row>
-<Column colLg={8}>
+<Column colLg={12}>
 
-![Menu height](images/usage-menu-button-height.png)
+![Combo button height](images/usage-combo-button-height.png)
 
 </Column>
 </Row>
@@ -189,9 +189,9 @@ By default, the [menu button](/components/menu-buttons/usage/#menu-button) and
 and the menu maintains a minimum width of 160px to prevent a narrow appearance.
 
 <Row>
-<Column colLg={8}>
+<Column colLg={12}>
 
-![Menu width](images/usage-menu-width-menu-button-default.png)
+![Menu width](images/usage-menu-buttons-width.png)
 
 <Caption>
   Menu default width when both button label and menu option labels are short
@@ -420,8 +420,9 @@ cases where using a menu button is recommended:
 - Actions related to a common label
 - Distinct actions applied to the same object or page
 
-Menu button and combo button come in three different button types: primary,
-tertiary, and ghost.
+Menu button comes in three different button types: primary, tertiary, and ghost.
+For detailed visuals, visit the
+[Style](/components/menu-buttons/style/#menu-button-color) tab.
 
 <Row>
 <Column colLg={8}>