diff --git a/assets/js/base/components/product-price/stories/index.tsx b/assets/js/base/components/product-price/stories/index.tsx
index 736e2d8a850..49da9344ec1 100644
--- a/assets/js/base/components/product-price/stories/index.tsx
+++ b/assets/js/base/components/product-price/stories/index.tsx
@@ -2,7 +2,7 @@
  * External dependencies
  */
 import type { Story, Meta } from '@storybook/react';
-import { currencyControl } from '@woocommerce/storybook-controls';
+import { currencies, currencyControl } from '@woocommerce/storybook-controls';
 
 /**
  * Internal dependencies
@@ -23,6 +23,7 @@ export default {
 	},
 	args: {
 		align: 'left',
+		currency: currencies.EUR,
 		format: '<price/>',
 		price: 3000,
 	},
diff --git a/storybook/custom-controls/currency.ts b/storybook/custom-controls/currency.ts
index 2c1d39e8f1f..95b850685f3 100644
--- a/storybook/custom-controls/currency.ts
+++ b/storybook/custom-controls/currency.ts
@@ -35,6 +35,6 @@ export const currenciesAPIShape: Record< string, CurrencyResponse > =
 
 export const currencyControl = {
 	control: 'select',
-	options: currencies,
-	mapping: Object.keys( currencies ),
+	options: Object.keys( currencies ),
+	mapping: currencies,
 };