diff --git a/src/design-system/asset-input/asset-input.component.tsx b/src/design-system/asset-input/asset-input.component.tsx
index b72a4c6..4d8fa65 100644
--- a/src/design-system/asset-input/asset-input.component.tsx
+++ b/src/design-system/asset-input/asset-input.component.tsx
@@ -28,6 +28,7 @@ export const AssetInput = ({
     <Box className={cx.assetNameBox}>
       <TickerButton
         id={state.asset.id}
+        icon={state.asset.icon}
         name={state.asset.ticker}
         onClick={(): void => {
           onTickerClick?.(state.asset);
diff --git a/src/design-system/asset-input/asset-input.data.ts b/src/design-system/asset-input/asset-input.data.ts
index dde8275..9477412 100644
--- a/src/design-system/asset-input/asset-input.data.ts
+++ b/src/design-system/asset-input/asset-input.data.ts
@@ -3,6 +3,7 @@ export interface Asset {
   ticker: string;
   balance: string;
   amount: string;
+  icon?: string;
 }
 
 export interface AssetWithFiat extends Asset {
diff --git a/src/design-system/asset-input/asset-input.fixtures.ts b/src/design-system/asset-input/asset-input.fixtures.ts
index ac9b42e..e5c235e 100644
--- a/src/design-system/asset-input/asset-input.fixtures.ts
+++ b/src/design-system/asset-input/asset-input.fixtures.ts
@@ -1,3 +1,5 @@
+import cardanoImage from '../../assets/images/cardano-blue-bg.png';
+
 import type { AssetWithFiat, AssetState } from './asset-input.data';
 
 export const asset: AssetWithFiat = {
@@ -5,6 +7,7 @@ export const asset: AssetWithFiat = {
   amount: '',
   id: '',
   ticker: 'Token',
+  icon: cardanoImage,
   fiat: {
     value: '0',
     ticker: 'USD',
diff --git a/src/design-system/asset-input/ticker-button.component.tsx b/src/design-system/asset-input/ticker-button.component.tsx
index 1acbb4b..118b60c 100644
--- a/src/design-system/asset-input/ticker-button.component.tsx
+++ b/src/design-system/asset-input/ticker-button.component.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 import ChevronRight from '@icons/ChevronRightComponent';
 
 import { Flex } from '../flex';
+import { Image } from '../profile-picture';
 import { Text } from '../text';
 
 import * as cx from './ticker-button.css';
@@ -10,12 +11,14 @@ import * as cx from './ticker-button.css';
 interface Props {
   name: string;
   id: string;
+  icon?: string;
   onClick?: () => void;
 }
 
 export const TickerButton = ({
   name,
   id,
+  icon,
   onClick,
 }: Readonly<Props>): JSX.Element => (
   <button
@@ -23,11 +26,14 @@ export const TickerButton = ({
     onClick={onClick}
     data-testid={`asset-input-ticker-button-${id}`}
   >
-    <Text.SubHeading weight="$bold">
-      <Flex justifyContent="center" alignItems="center">
-        {name}
-        <ChevronRight className={cx.chevronIcon} />
-      </Flex>
-    </Text.SubHeading>
+    <Flex alignItems="center" gap="$16">
+      {icon && <Image imageSrc={icon} alt="Token" />}
+      <Text.SubHeading weight="$bold">
+        <Flex justifyContent="center" alignItems="center">
+          <span>{name}</span>
+          <ChevronRight className={cx.chevronIcon} />
+        </Flex>
+      </Text.SubHeading>
+    </Flex>
   </button>
 );
diff --git a/src/design-system/asset-input/ticker-button.css.ts b/src/design-system/asset-input/ticker-button.css.ts
index 4670c45..366db43 100644
--- a/src/design-system/asset-input/ticker-button.css.ts
+++ b/src/design-system/asset-input/ticker-button.css.ts
@@ -9,7 +9,7 @@ export const button = style({
 });
 
 export const chevronIcon = sx({
-  w: '$16',
-  h: '$16',
+  w: '$auto',
+  h: '$auto',
   marginLeft: '$8',
 });