Change Ref ID font to monospace

Automattic · Dec 6, 2024 · 292bfd9 · 292bfd9
1 parent d1339f9
commit 292bfd9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/client/deposits/details/index.tsx b/client/deposits/details/index.tsx
@@ -178,7 +178,7 @@ export const DepositOverview: React.FC< DepositOverviewProps > = ( {
 								</span>
 								<button
 									type="button"
-									className="woopayments-copy-bank-reference-key"
+									className="woopayments-copy-button-bank-reference-key"
 									aria-label={ __(
 										'Copy bank reference key to clipboard',
 										'woocommerce-payments'

diff --git a/client/deposits/details/style.scss b/client/deposits/details/style.scss
@@ -45,7 +45,11 @@
 				word-wrap: break-word;
 			}
 
-			.woopayments-copy-bank-reference-key {
+			.woopayments-payout-bank-reference-key {
+				font-family: monospace;
+			}
+
+			.woopayments-copy-button-bank-reference-key {
 				line-height: 1.2em;
 				display: inline-flex;
 				background: transparent;