fix: set text alignment for keyboard component (#8486)

snowystinger · web-flow · commit 9c6057f3f6de · 2025-07-07T23:41:49.000Z
* fix: set text alignment for keyboard component

* fix S2 as well
diff --git a/packages/@adobe/spectrum-css-temp/components/menu/index.css b/packages/@adobe/spectrum-css-temp/components/menu/index.css
@@ -249,6 +249,7 @@ governing permissions and limitations under the License.
   /* keyboard shortcuts are always ASCII, so use base font */
   font-family: var(--spectrum-font-family-base);
   unicode-bidi: plaintext;
+  text-align: end;
 }
 
 .spectrum-Menu-chevron {
diff --git a/packages/@react-spectrum/s2/src/Menu.tsx b/packages/@react-spectrum/s2/src/Menu.tsx
@@ -293,6 +293,7 @@ let keyboard = style<{size: 'S' | 'M' | 'L' | 'XL', isDisabled: boolean}>({
   marginStart: 8,
   font: 'ui',
   fontWeight: 'light',
+  textAlign: 'end',
   color: {
     default: 'gray-600',
     isDisabled: 'disabled',

Original file line number	Diff line number	Diff line change
`@@ -249,6 +249,7 @@ governing permissions and limitations under the License.`
`249`	`249`	`/* keyboard shortcuts are always ASCII, so use base font */`
`250`	`250`	`font-family: var(--spectrum-font-family-base);`
`251`	`251`	`unicode-bidi: plaintext;`
	`252`	`+ text-align: end;`
`252`	`253`	`}`
`253`	`254`
`254`	`255`	`.spectrum-Menu-chevron {`