prefix display fixes

src/components/atoms/Input/InputElement.module.css

@@ -189,7 +189,7 @@
   align-items: center;
   padding-left: calc(var(--spacer) / 4);
   padding-right: calc(var(--spacer) / 4);
-  color: var(--color-secondary);
+  color: var(--brand-grey);
   font-size: var(--font-size-small);
   transition: border 0.2s ease-out;
   white-space: nowrap;

src/components/molecules/FormFields/Price/Dynamic.module.css

@@ -11,18 +11,18 @@
 
 .balance {
   text-align: center;
-  font-size: var(--font-size-small);
+  font-size: var(--font-size-small) !important;
   border: 1px solid var(--brand-grey-lighter);
   border-right: 0;
   margin-right: -3px;
-  padding: calc(var(--spacer) / 4.5) calc(var(--spacer) / 2);
+  height: 35px;
+  padding: calc(var(--spacer) / 3) calc(var(--spacer) / 2)
+    calc(var(--spacer) / 4.5) calc(var(--spacer) / 2);
   border-top-left-radius: var(--border-radius);
   border-bottom-left-radius: var(--border-radius);
   color: var(--color-secondary);
-}
-
-.balance strong {
-  color: var(--brand-grey);
+  display: flex;
+  align-items: center;
 }
 
 .title {

src/components/molecules/FormFields/Price/Dynamic.tsx

@@ -1,4 +1,5 @@
 import { DataTokenOptions, useOcean } from '@oceanprotocol/react'
+import PriceUnit from '../../../atoms/Price/PriceUnit'
 import React, { ReactElement, useEffect, useState } from 'react'
 import { PriceOptionsMarket } from '../../../../@types/MetaData'
 import { useSiteMetadata } from '../../../../hooks/useSiteMetadata'
@@ -66,9 +67,12 @@ export default function Dynamic({
 
       <aside className={styles.wallet}>
         {balance?.ocean && (
-          <div className={styles.balance}>
-            OCEAN <strong>{balance.ocean}</strong>
-          </div>
+          <PriceUnit
+            className={styles.balance}
+            price={balance.ocean}
+            symbol="OCEAN"
+            small
+          />
         )}
         <Wallet />
       </aside>

src/components/organisms/AssetActions/Pool/CoinSelect.module.css

@@ -1,6 +1,7 @@
 .coinSelect {
   composes: select from '../../../atoms/Input/InputElement.module.css';
   font-size: var(--font-size-small);
+  font-weight: var(--font-weight-base);
   border: none;
   margin-left: -0.5rem;
   margin-right: -0.5rem;