diff --git a/client/src/components/molecules/AssetTeaser.module.scss b/client/src/components/molecules/AssetTeaser.module.scss
index 43979aa..212ab2b 100644
--- a/client/src/components/molecules/AssetTeaser.module.scss
+++ b/client/src/components/molecules/AssetTeaser.module.scss
@@ -32,6 +32,7 @@
h1 {
font-size: $font-size-large;
margin-top: 0;
+ margin-bottom: $spacer / 4;
}
}
@@ -89,7 +90,18 @@
}
.assetFooter {
- margin-top: $spacer / 2;
+ margin-top: $spacer;
font-size: $font-size-small;
color: $brand-grey-light;
+ display: flex;
+ justify-content: space-between;
+}
+
+.price {
+ font-size: $font-size-mini;
+
+ span {
+ color: $brand-grey;
+ font-size: $font-size-small;
+ }
}
diff --git a/client/src/components/molecules/AssetTeaser.tsx b/client/src/components/molecules/AssetTeaser.tsx
index 14f6d0d..5c322d7 100644
--- a/client/src/components/molecules/AssetTeaser.tsx
+++ b/client/src/components/molecules/AssetTeaser.tsx
@@ -43,9 +43,7 @@ const AssetTeaser = ({
- Ọ{' '}
- {base.price === '0'
- ? 0
- : Web3.utils.fromWei(
- base.price.toString()
- )}
-
+ {base.price === '0'
+ ? 0
+ : Web3.utils.fromWei(
+ base.price.toString()
+ )}{' '}
+ OCEAN
) : null}