logo fixes

src/components/atoms/Logo.tsx

@@ -1,7 +1,16 @@
 import React, { ReactElement } from 'react'
-import { ReactComponent as LogoAsset } from '@oceanprotocol/art/logo/logo.svg'
+import { ReactComponent as LogoAssetFull } from '@oceanprotocol/art/logo/logo.svg'
+import { ReactComponent as LogoAsset } from '../../images/logo.svg'
 import styles from './Logo.module.css'
 
-export default function Logo(): ReactElement {
+export default function Logo({
-  return <LogoAsset className={styles.logo} />
+  noWordmark
+}: {
+  noWordmark?: boolean
+}): ReactElement {
+  return noWordmark ? (
+    <LogoAsset className={styles.logo} />
+  ) : (
+    <LogoAssetFull className={styles.logo} />
+  )
 }

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

@@ -18,6 +18,7 @@
   vertical-align: middle;
   margin-right: calc(var(--spacer) / 8);
   margin-top: -0.2rem;
+  background: var(--background-body);
 }
 
 .icon svg {

src/components/organisms/AssetActions/Pool/Token.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react'
 import styles from './Token.module.css'
-import { ReactComponent as Logo } from '../../../../images/logo.svg'
 import PriceUnit from '../../../atoms/Price/PriceUnit'
+import Logo from '../../../atoms/Logo'
 
 export default function Token({
   symbol,
@@ -17,7 +17,7 @@ export default function Token({
       <figure
         className={`${styles.icon} ${symbol} ${noIcon ? styles.noIcon : ''}`}
       >
-        <Logo />
+        <Logo noWordmark />
       </figure>
       <PriceUnit price={balance} symbol={symbol} small />
     </div>