diff --git a/client/src/Routes.tsx b/client/src/Routes.tsx
index c51f8c1..863d128 100644
--- a/client/src/Routes.tsx
+++ b/client/src/Routes.tsx
@@ -3,7 +3,6 @@ import { Route, Switch } from 'react-router-dom'
 import withTracker from './hoc/withTracker'
 
 import About from './routes/About'
-import Details from './routes/Details/'
 import Home from './routes/Home'
 import NotFound from './routes/NotFound'
 import Publish from './routes/Publish/'
@@ -13,6 +12,7 @@ import History from './routes/History'
 import Channels from './routes/Channels'
 import Styleguide from './routes/Styleguide'
 
+import Asset from './components/templates/Asset'
 import Channel from './components/templates/Channel'
 
 const Routes = () => (
@@ -22,7 +22,7 @@ const Routes = () => (
         <Route component={withTracker(About)} path="/about" />
         <Route component={withTracker(Publish)} path="/publish" />
         <Route component={withTracker(Search)} path="/search" />
-        <Route component={withTracker(Details)} path="/asset/:did" />
+        <Route component={withTracker(Asset)} path="/asset/:did" />
         <Route component={withTracker(Faucet)} path="/faucet" />
         <Route component={withTracker(History)} path="/history" />
         <Route component={withTracker(Channels)} exact path="/channels" />
diff --git a/client/src/components/atoms/CategoryImage.module.scss b/client/src/components/atoms/CategoryImage.module.scss
index ba72b0b..11cf5f8 100644
--- a/client/src/components/atoms/CategoryImage.module.scss
+++ b/client/src/components/atoms/CategoryImage.module.scss
@@ -11,3 +11,10 @@
     opacity: .8;
     transition: .2s ease-out;
 }
+
+.header {
+    composes: categoryImage;
+    height: 8rem;
+    margin-top: $spacer;
+    opacity: .5;
+}
diff --git a/client/src/components/atoms/CategoryImage.tsx b/client/src/components/atoms/CategoryImage.tsx
index a02df06..677a1a7 100644
--- a/client/src/components/atoms/CategoryImage.tsx
+++ b/client/src/components/atoms/CategoryImage.tsx
@@ -138,13 +138,18 @@ const categoryImageFile = (category: string) => {
     }
 }
 
-export default class CategoryImage extends PureComponent<{ category: string }> {
+export default class CategoryImage extends PureComponent<{
+    category: string
+    header?: boolean
+}> {
     public render() {
         const image = categoryImageFile(this.props.category)
 
         return (
             <div
-                className={styles.categoryImage}
+                className={
+                    this.props.header ? styles.header : styles.categoryImage
+                }
                 style={{
                     backgroundImage: `url(${image})`
                 }}
diff --git a/client/src/components/molecules/Asset.module.scss b/client/src/components/molecules/AssetTeaser.module.scss
similarity index 100%
rename from client/src/components/molecules/Asset.module.scss
rename to client/src/components/molecules/AssetTeaser.module.scss
diff --git a/client/src/components/molecules/Asset.tsx b/client/src/components/molecules/AssetTeaser.tsx
similarity index 94%
rename from client/src/components/molecules/Asset.tsx
rename to client/src/components/molecules/AssetTeaser.tsx
index 8c2d903..2502d55 100644
--- a/client/src/components/molecules/Asset.tsx
+++ b/client/src/components/molecules/AssetTeaser.tsx
@@ -3,10 +3,10 @@ import { Link } from 'react-router-dom'
 import moment from 'moment'
 import Dotdotdot from 'react-dotdotdot'
 import cx from 'classnames'
-import styles from './Asset.module.scss'
+import styles from './AssetTeaser.module.scss'
 import CategoryImage from '../atoms/CategoryImage'
 
-const Asset = ({
+const AssetTeaser = ({
     asset,
     list,
     minimal
@@ -55,4 +55,4 @@ const Asset = ({
     )
 }
 
-export default Asset
+export default AssetTeaser
diff --git a/client/src/components/organisms/AssetsLatest.tsx b/client/src/components/organisms/AssetsLatest.tsx
index 153f024..94dfa36 100644
--- a/client/src/components/organisms/AssetsLatest.tsx
+++ b/client/src/components/organisms/AssetsLatest.tsx
@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react'
 import { Logger } from '@oceanprotocol/squid'
 import { User } from '../../context'
 import Spinner from '../atoms/Spinner'
-import Asset from '../molecules/Asset'
+import AssetTeaser from '../molecules/AssetTeaser'
 import styles from './AssetsLatest.module.scss'
 
 interface AssetsLatestState {
@@ -62,7 +62,11 @@ export default class AssetsLatest extends PureComponent<{}, AssetsLatestState> {
                     ) : latestAssets && latestAssets.length ? (
                         <div className={styles.latestAssets}>
                             {latestAssets.map((asset: any) => (
-                                <Asset key={asset.id} asset={asset} minimal />
+                                <AssetTeaser
+                                    key={asset.id}
+                                    asset={asset}
+                                    minimal
+                                />
                             ))}
                         </div>
                     ) : (
diff --git a/client/src/components/organisms/AssetsUser.tsx b/client/src/components/organisms/AssetsUser.tsx
index bb675d1..a9d6083 100644
--- a/client/src/components/organisms/AssetsUser.tsx
+++ b/client/src/components/organisms/AssetsUser.tsx
@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom'
 import { Logger } from '@oceanprotocol/squid'
 import { User } from '../../context'
 import Spinner from '../atoms/Spinner'
-import Asset from '../molecules/Asset'
+import AssetTeaser from '../molecules/AssetTeaser'
 import styles from './AssetsUser.module.scss'
 
 export default class AssetsUser extends PureComponent<
@@ -82,7 +82,7 @@ export default class AssetsUser extends PureComponent<
                                 )
                                 .filter(asset => !!asset)
                                 .map((asset: any) => (
-                                    <Asset
+                                    <AssetTeaser
                                         list={this.props.list}
                                         key={asset.id}
                                         asset={asset}
diff --git a/client/src/components/organisms/ChannelTeaser.tsx b/client/src/components/organisms/ChannelTeaser.tsx
index 8479887..58d1d88 100644
--- a/client/src/components/organisms/ChannelTeaser.tsx
+++ b/client/src/components/organisms/ChannelTeaser.tsx
@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom'
 import { User } from '../../context'
 import { Logger } from '@oceanprotocol/squid'
 import Spinner from '../atoms/Spinner'
-import Asset from '../molecules/Asset'
+import AssetTeaser from '../molecules/AssetTeaser'
 import styles from './ChannelTeaser.module.scss'
 import channels from '../../data/channels.json'
 
@@ -85,7 +85,7 @@ export default class ChannelTeaser extends Component<
                     ) : channelAssets && channelAssets.length ? (
                         <div className={styles.channelResults}>
                             {channelAssets.map((asset: any) => (
-                                <Asset key={asset.id} asset={asset} />
+                                <AssetTeaser key={asset.id} asset={asset} />
                             ))}
                         </div>
                     ) : (
diff --git a/client/src/routes/Details/AssetDetails.module.scss b/client/src/components/templates/Asset/AssetDetails.module.scss
similarity index 97%
rename from client/src/routes/Details/AssetDetails.module.scss
rename to client/src/components/templates/Asset/AssetDetails.module.scss
index de65a0c..e951084 100644
--- a/client/src/routes/Details/AssetDetails.module.scss
+++ b/client/src/components/templates/Asset/AssetDetails.module.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables';
 
 .metaPrimary {
     margin-bottom: $spacer;
diff --git a/client/src/routes/Details/AssetDetails.test.tsx b/client/src/components/templates/Asset/AssetDetails.test.tsx
similarity index 100%
rename from client/src/routes/Details/AssetDetails.test.tsx
rename to client/src/components/templates/Asset/AssetDetails.test.tsx
diff --git a/client/src/routes/Details/AssetDetails.tsx b/client/src/components/templates/Asset/AssetDetails.tsx
similarity index 98%
rename from client/src/routes/Details/AssetDetails.tsx
rename to client/src/components/templates/Asset/AssetDetails.tsx
index 382a816..7f75164 100644
--- a/client/src/routes/Details/AssetDetails.tsx
+++ b/client/src/components/templates/Asset/AssetDetails.tsx
@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react'
 import { Link } from 'react-router-dom'
 import Moment from 'react-moment'
 import { DDO, MetaData, File } from '@oceanprotocol/squid'
-import Markdown from '../../components/atoms/Markdown'
+import Markdown from '../../atoms/Markdown'
 import styles from './AssetDetails.module.scss'
 import AssetFilesDetails from './AssetFilesDetails'
 
diff --git a/client/src/routes/Details/AssetFile.module.scss b/client/src/components/templates/Asset/AssetFile.module.scss
similarity index 96%
rename from client/src/routes/Details/AssetFile.module.scss
rename to client/src/components/templates/Asset/AssetFile.module.scss
index cfd3591..82dc7c7 100644
--- a/client/src/routes/Details/AssetFile.module.scss
+++ b/client/src/components/templates/Asset/AssetFile.module.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables';
 
 .buttonMain {
     margin: auto;
diff --git a/client/src/routes/Details/AssetFile.test.tsx b/client/src/components/templates/Asset/AssetFile.test.tsx
similarity index 99%
rename from client/src/routes/Details/AssetFile.test.tsx
rename to client/src/components/templates/Asset/AssetFile.test.tsx
index a15a298..9b3c7a2 100644
--- a/client/src/routes/Details/AssetFile.test.tsx
+++ b/client/src/components/templates/Asset/AssetFile.test.tsx
@@ -5,7 +5,7 @@ import { render, fireEvent } from 'react-testing-library'
 import { DDO } from '@oceanprotocol/squid'
 import { StateMock } from '@react-mock/state'
 import ReactGA from 'react-ga'
-import { User } from '../../context'
+import { User } from '../../../context'
 import AssetFile, { messages } from './AssetFile'
 
 const file = {
diff --git a/client/src/routes/Details/AssetFile.tsx b/client/src/components/templates/Asset/AssetFile.tsx
similarity index 96%
rename from client/src/routes/Details/AssetFile.tsx
rename to client/src/components/templates/Asset/AssetFile.tsx
index 8bdb771..1d17d54 100644
--- a/client/src/routes/Details/AssetFile.tsx
+++ b/client/src/components/templates/Asset/AssetFile.tsx
@@ -1,9 +1,9 @@
 import React, { PureComponent } from 'react'
 import { Logger, DDO, File } from '@oceanprotocol/squid'
 import filesize from 'filesize'
-import Button from '../../components/atoms/Button'
-import Spinner from '../../components/atoms/Spinner'
-import { User } from '../../context'
+import Button from '../../atoms/Button'
+import Spinner from '../../atoms/Spinner'
+import { User } from '../../../context'
 import styles from './AssetFile.module.scss'
 import ReactGA from 'react-ga'
 
diff --git a/client/src/routes/Details/AssetFilesDetails.module.scss b/client/src/components/templates/Asset/AssetFilesDetails.module.scss
similarity index 73%
rename from client/src/routes/Details/AssetFilesDetails.module.scss
rename to client/src/components/templates/Asset/AssetFilesDetails.module.scss
index c52cfe6..ee6ab28 100644
--- a/client/src/routes/Details/AssetFilesDetails.module.scss
+++ b/client/src/components/templates/Asset/AssetFilesDetails.module.scss
@@ -1,4 +1,4 @@
-@import '../../styles/variables';
+@import '../../../styles/variables';
 
 .files {
     text-align: center;
diff --git a/client/src/routes/Details/AssetFilesDetails.test.tsx b/client/src/components/templates/Asset/AssetFilesDetails.test.tsx
similarity index 92%
rename from client/src/routes/Details/AssetFilesDetails.test.tsx
rename to client/src/components/templates/Asset/AssetFilesDetails.test.tsx
index dca46a4..d719725 100644
--- a/client/src/routes/Details/AssetFilesDetails.test.tsx
+++ b/client/src/components/templates/Asset/AssetFilesDetails.test.tsx
@@ -4,8 +4,8 @@ import React from 'react'
 import { render } from 'react-testing-library'
 import { DDO } from '@oceanprotocol/squid'
 import AssetFilesDetails from './AssetFilesDetails'
-import { User } from '../../context'
-import { userMockConnected } from '../../../__mocks__/user-mock'
+import { User } from '../../../context'
+import { userMockConnected } from '../../../../__mocks__/user-mock'
 
 describe('AssetFilesDetails', () => {
     it('renders without crashing', () => {
diff --git a/client/src/routes/Details/AssetFilesDetails.tsx b/client/src/components/templates/Asset/AssetFilesDetails.tsx
similarity index 89%
rename from client/src/routes/Details/AssetFilesDetails.tsx
rename to client/src/components/templates/Asset/AssetFilesDetails.tsx
index 4199e82..7054171 100644
--- a/client/src/routes/Details/AssetFilesDetails.tsx
+++ b/client/src/components/templates/Asset/AssetFilesDetails.tsx
@@ -1,8 +1,8 @@
 import React, { PureComponent } from 'react'
 import { DDO, File } from '@oceanprotocol/squid'
 import AssetFile from './AssetFile'
-import { User } from '../../context'
-import Web3message from '../../components/organisms/Web3message'
+import { User } from '../../../context'
+import Web3message from '../../organisms/Web3message'
 import styles from './AssetFilesDetails.module.scss'
 
 export default class AssetFilesDetails extends PureComponent<{
diff --git a/client/src/routes/Details/index.test.tsx b/client/src/components/templates/Asset/index.test.tsx
similarity index 100%
rename from client/src/routes/Details/index.test.tsx
rename to client/src/components/templates/Asset/index.test.tsx
diff --git a/client/src/routes/Details/index.tsx b/client/src/components/templates/Asset/index.tsx
similarity index 69%
rename from client/src/routes/Details/index.tsx
rename to client/src/components/templates/Asset/index.tsx
index eaefb6c..d1b047e 100644
--- a/client/src/routes/Details/index.tsx
+++ b/client/src/components/templates/Asset/index.tsx
@@ -1,11 +1,12 @@
 import React, { Component } from 'react'
 import { DDO, MetaData, Logger } from '@oceanprotocol/squid'
-import Route from '../../components/templates/Route'
-import Spinner from '../../components/atoms/Spinner'
-import { User } from '../../context'
+import Route from '../Route'
+import Spinner from '../../atoms/Spinner'
+import { User } from '../../../context'
 import AssetDetails from './AssetDetails'
-import stylesApp from '../../App.module.scss'
-import Content from '../../components/atoms/Content'
+import stylesApp from '../../../App.module.scss'
+import Content from '../../atoms/Content'
+import CategoryImage from '../../atoms/CategoryImage'
 
 interface DetailsProps {
     location: Location
@@ -46,7 +47,17 @@ export default class Details extends Component<DetailsProps, DetailsState> {
         const { metadata, ddo } = this.state
 
         return metadata.base.name !== '' ? (
-            <Route title={metadata.base.name}>
+            <Route
+                title={metadata.base.name}
+                image={
+                    metadata.base.categories && (
+                        <CategoryImage
+                            header
+                            category={metadata.base.categories[0]}
+                        />
+                    )
+                }
+            >
                 <Content>
                     <AssetDetails metadata={metadata} ddo={ddo} />
                 </Content>
diff --git a/client/src/components/templates/Channel.tsx b/client/src/components/templates/Channel.tsx
index 0470185..0afd3f0 100644
--- a/client/src/components/templates/Channel.tsx
+++ b/client/src/components/templates/Channel.tsx
@@ -4,7 +4,7 @@ import { History } from 'history'
 import Spinner from '../../components/atoms/Spinner'
 import Route from '../../components/templates/Route'
 import { User } from '../../context'
-import Asset from '../../components/molecules/Asset'
+import AssetTeaser from '../molecules/AssetTeaser'
 import Pagination from '../../components/molecules/Pagination'
 import styles from './Channel.module.scss'
 import Content from '../../components/atoms/Content'
@@ -101,7 +101,7 @@ export default class Channel extends PureComponent<ChannelProps, ChannelState> {
         ) : this.state.results && this.state.results.length ? (
             <div className={styles.results}>
                 {this.state.results.map((asset: any) => (
-                    <Asset key={asset.id} asset={asset} />
+                    <AssetTeaser key={asset.id} asset={asset} />
                 ))}
             </div>
         ) : (
diff --git a/client/src/components/templates/Route.tsx b/client/src/components/templates/Route.tsx
index 48ce946..ae19abe 100644
--- a/client/src/components/templates/Route.tsx
+++ b/client/src/components/templates/Route.tsx
@@ -8,12 +8,14 @@ import Markdown from '../atoms/Markdown'
 const Route = ({
     title,
     description,
+    image,
     wide,
     children,
     className
 }: {
     title: string
     description?: string
+    image?: any
     children: any
     wide?: boolean
     className?: string
@@ -29,6 +31,7 @@ const Route = ({
             <header className={styles.header}>
                 <Content wide={wide}>
                     <h1 className={styles.title}>{title}</h1>
+                    {image && image}
                     {description && (
                         <Markdown
                             text={description}
diff --git a/client/src/img/categories/agriculture.jpg b/client/src/img/categories/agriculture.jpg
index 4ade120..744689e 100755
Binary files a/client/src/img/categories/agriculture.jpg and b/client/src/img/categories/agriculture.jpg differ
diff --git a/client/src/img/categories/anthroarche.jpg b/client/src/img/categories/anthroarche.jpg
index 5db52b7..44521b8 100755
Binary files a/client/src/img/categories/anthroarche.jpg and b/client/src/img/categories/anthroarche.jpg differ
diff --git a/client/src/img/categories/astronomy.jpg b/client/src/img/categories/astronomy.jpg
index 47922be..defa583 100755
Binary files a/client/src/img/categories/astronomy.jpg and b/client/src/img/categories/astronomy.jpg differ
diff --git a/client/src/img/categories/biology.jpg b/client/src/img/categories/biology.jpg
index 7f441c7..fafd9c8 100755
Binary files a/client/src/img/categories/biology.jpg and b/client/src/img/categories/biology.jpg differ
diff --git a/client/src/img/categories/business.jpg b/client/src/img/categories/business.jpg
index c7ad302..c6800ba 100755
Binary files a/client/src/img/categories/business.jpg and b/client/src/img/categories/business.jpg differ
diff --git a/client/src/img/categories/chemistry.jpg b/client/src/img/categories/chemistry.jpg
index 1a21720..b7b5d0f 100755
Binary files a/client/src/img/categories/chemistry.jpg and b/client/src/img/categories/chemistry.jpg differ
diff --git a/client/src/img/categories/communication.jpg b/client/src/img/categories/communication.jpg
index c5e0b4c..617e12f 100755
Binary files a/client/src/img/categories/communication.jpg and b/client/src/img/categories/communication.jpg differ
diff --git a/client/src/img/categories/computer.jpg b/client/src/img/categories/computer.jpg
index dfd1d52..d0fa957 100755
Binary files a/client/src/img/categories/computer.jpg and b/client/src/img/categories/computer.jpg differ
diff --git a/client/src/img/categories/dataofdata.jpg b/client/src/img/categories/dataofdata.jpg
index 66d20d8..d877edc 100755
Binary files a/client/src/img/categories/dataofdata.jpg and b/client/src/img/categories/dataofdata.jpg differ
diff --git a/client/src/img/categories/deeplearning.jpg b/client/src/img/categories/deeplearning.jpg
index faf4bf9..3e34bcb 100755
Binary files a/client/src/img/categories/deeplearning.jpg and b/client/src/img/categories/deeplearning.jpg differ
diff --git a/client/src/img/categories/demographics.jpg b/client/src/img/categories/demographics.jpg
index c8bad45..1787cb4 100755
Binary files a/client/src/img/categories/demographics.jpg and b/client/src/img/categories/demographics.jpg differ
diff --git a/client/src/img/categories/earth.jpg b/client/src/img/categories/earth.jpg
index dc9e0b7..9e04a04 100755
Binary files a/client/src/img/categories/earth.jpg and b/client/src/img/categories/earth.jpg differ
diff --git a/client/src/img/categories/economics.jpg b/client/src/img/categories/economics.jpg
index 1b99159..83de7f9 100755
Binary files a/client/src/img/categories/economics.jpg and b/client/src/img/categories/economics.jpg differ
diff --git a/client/src/img/categories/engineering.jpg b/client/src/img/categories/engineering.jpg
index 9196e44..9c38b4b 100755
Binary files a/client/src/img/categories/engineering.jpg and b/client/src/img/categories/engineering.jpg differ
diff --git a/client/src/img/categories/history.jpg b/client/src/img/categories/history.jpg
index a0a4a2c..869fba4 100755
Binary files a/client/src/img/categories/history.jpg and b/client/src/img/categories/history.jpg differ
diff --git a/client/src/img/categories/imagesets.jpg b/client/src/img/categories/imagesets.jpg
index 4e7f594..474bdc7 100755
Binary files a/client/src/img/categories/imagesets.jpg and b/client/src/img/categories/imagesets.jpg differ
diff --git a/client/src/img/categories/language.jpg b/client/src/img/categories/language.jpg
index f615d88..357965a 100755
Binary files a/client/src/img/categories/language.jpg and b/client/src/img/categories/language.jpg differ
diff --git a/client/src/img/categories/law.jpg b/client/src/img/categories/law.jpg
index 72c6cec..54a7edf 100755
Binary files a/client/src/img/categories/law.jpg and b/client/src/img/categories/law.jpg differ
diff --git a/client/src/img/categories/mathematics.jpg b/client/src/img/categories/mathematics.jpg
index b421285..b1a32f5 100755
Binary files a/client/src/img/categories/mathematics.jpg and b/client/src/img/categories/mathematics.jpg differ
diff --git a/client/src/img/categories/medicine.jpg b/client/src/img/categories/medicine.jpg
index 43870de..372c527 100755
Binary files a/client/src/img/categories/medicine.jpg and b/client/src/img/categories/medicine.jpg differ
diff --git a/client/src/img/categories/other.jpg b/client/src/img/categories/other.jpg
index ec4d6d3..70da63e 100755
Binary files a/client/src/img/categories/other.jpg and b/client/src/img/categories/other.jpg differ
diff --git a/client/src/img/categories/performingarts.jpg b/client/src/img/categories/performingarts.jpg
index bf60fd2..96a2d38 100755
Binary files a/client/src/img/categories/performingarts.jpg and b/client/src/img/categories/performingarts.jpg differ
diff --git a/client/src/img/categories/philosophy.jpg b/client/src/img/categories/philosophy.jpg
index 90589f9..ffbad7f 100755
Binary files a/client/src/img/categories/philosophy.jpg and b/client/src/img/categories/philosophy.jpg differ
diff --git a/client/src/img/categories/physics.jpg b/client/src/img/categories/physics.jpg
index d24d210..920524a 100755
Binary files a/client/src/img/categories/physics.jpg and b/client/src/img/categories/physics.jpg differ
diff --git a/client/src/img/categories/politics.jpg b/client/src/img/categories/politics.jpg
index 453b0ee..c120a55 100755
Binary files a/client/src/img/categories/politics.jpg and b/client/src/img/categories/politics.jpg differ
diff --git a/client/src/img/categories/psychology.jpg b/client/src/img/categories/psychology.jpg
index 4116513..7c75911 100755
Binary files a/client/src/img/categories/psychology.jpg and b/client/src/img/categories/psychology.jpg differ
diff --git a/client/src/img/categories/sociology.jpg b/client/src/img/categories/sociology.jpg
index 91eb30d..8984064 100755
Binary files a/client/src/img/categories/sociology.jpg and b/client/src/img/categories/sociology.jpg differ
diff --git a/client/src/img/categories/sports.jpg b/client/src/img/categories/sports.jpg
index 3846f30..1b4e3f5 100755
Binary files a/client/src/img/categories/sports.jpg and b/client/src/img/categories/sports.jpg differ
diff --git a/client/src/img/categories/theology.jpg b/client/src/img/categories/theology.jpg
index 5de3a55..0c17340 100755
Binary files a/client/src/img/categories/theology.jpg and b/client/src/img/categories/theology.jpg differ
diff --git a/client/src/img/categories/transport.jpg b/client/src/img/categories/transport.jpg
index c8b0f67..4c9be1d 100755
Binary files a/client/src/img/categories/transport.jpg and b/client/src/img/categories/transport.jpg differ
diff --git a/client/src/img/categories/urbanplanning.jpg b/client/src/img/categories/urbanplanning.jpg
index ea9fb83..aab643e 100755
Binary files a/client/src/img/categories/urbanplanning.jpg and b/client/src/img/categories/urbanplanning.jpg differ
diff --git a/client/src/img/categories/visualart.jpg b/client/src/img/categories/visualart.jpg
index 9264132..13f0ece 100755
Binary files a/client/src/img/categories/visualart.jpg and b/client/src/img/categories/visualart.jpg differ
diff --git a/client/src/routes/Search.tsx b/client/src/routes/Search.tsx
index ee062b9..75a1b99 100644
--- a/client/src/routes/Search.tsx
+++ b/client/src/routes/Search.tsx
@@ -5,7 +5,7 @@ import { Logger } from '@oceanprotocol/squid'
 import Spinner from '../components/atoms/Spinner'
 import Route from '../components/templates/Route'
 import { User } from '../context'
-import Asset from '../components/molecules/Asset'
+import AssetTeaser from '../components/molecules/AssetTeaser'
 import Pagination from '../components/molecules/Pagination'
 import styles from './Search.module.scss'
 import Content from '../components/atoms/Content'
@@ -119,7 +119,7 @@ export default class Search extends PureComponent<SearchProps, SearchState> {
         ) : this.state.results && this.state.results.length ? (
             <div className={styles.results}>
                 {this.state.results.map((asset: any) => (
-                    <Asset key={asset.id} asset={asset} />
+                    <AssetTeaser key={asset.id} asset={asset} />
                 ))}
             </div>
         ) : (