From d0cc45cc2ed67168f90805580c52d7f24f7b0ba0 Mon Sep 17 00:00:00 2001
From: Farrah Mae Ochoa <82315152+farrah-deriv@users.noreply.github.com>
Date: Tue, 8 Nov 2022 13:32:33 +0400
Subject: [PATCH] farrah/80516/fixed currency dropdown style (#6865)

* fixed currency style

* refactor code
---
 packages/p2p/src/stores/buy-sell-store.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/p2p/src/stores/buy-sell-store.js b/packages/p2p/src/stores/buy-sell-store.js
index 1b6c81d78394..d534e5ab982a 100644
--- a/packages/p2p/src/stores/buy-sell-store.js
+++ b/packages/p2p/src/stores/buy-sell-store.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import { action, computed, observable, reaction, makeObservable } from 'mobx';
 import { formatMoney, getDecimalPlaces, isMobile } from '@deriv/shared';
+import { Text } from '@deriv/components';
 import { localize } from 'Components/i18next';
 import { buy_sell } from 'Constants/buy-sell';
 import { requestWS } from 'Utils/websocket';
@@ -548,7 +549,9 @@ export default class BuySellStore extends BaseStore {
                 component: (
                     <div className='currency-dropdown__list-item'>
                         <div>{symbol}</div>
-                        <div>{display_name}</div>
+                        <Text as='div' align='right' size='xs' line_height='xxs'>
+                            {display_name}
+                        </Text>
                     </div>
                 ),
                 has_adverts,