diff --git a/src/components/atoms/Logo.tsx b/src/components/atoms/Logo.tsx
index 4921bccdf..3775624f1 100644
--- a/src/components/atoms/Logo.tsx
+++ b/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 {
- return
+export default function Logo({
+ noWordmark
+}: {
+ noWordmark?: boolean
+}): ReactElement {
+ return noWordmark ? (
+
+ ) : (
+
+ )
}
diff --git a/src/components/organisms/AssetActions/Pool/Token.module.css b/src/components/organisms/AssetActions/Pool/Token.module.css
index 53ab0165e..bb49eb72b 100644
--- a/src/components/organisms/AssetActions/Pool/Token.module.css
+++ b/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 {
diff --git a/src/components/organisms/AssetActions/Pool/Token.tsx b/src/components/organisms/AssetActions/Pool/Token.tsx
index 6ab23cf68..34e3401b5 100644
--- a/src/components/organisms/AssetActions/Pool/Token.tsx
+++ b/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({