diff --git a/packages/appstore/src/components/add-derived/add-derived.scss b/packages/appstore/src/components/add-derived/add-derived.scss
new file mode 100644
index 000000000000..71bfe7e13105
--- /dev/null
+++ b/packages/appstore/src/components/add-derived/add-derived.scss
@@ -0,0 +1,12 @@
+.add-derived {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    cursor: pointer;
+    & > p {
+        color: $color-black-7;
+        margin-left: 0.4rem;
+    }
+}
diff --git a/packages/appstore/src/components/add-derived/add-derived.tsx b/packages/appstore/src/components/add-derived/add-derived.tsx
new file mode 100644
index 000000000000..882892f98b74
--- /dev/null
+++ b/packages/appstore/src/components/add-derived/add-derived.tsx
@@ -0,0 +1,23 @@
+import React, { HTMLAttributes } from 'react';
+import { Text } from '@deriv/ui';
+import classNames from 'classnames';
+import { Icon } from '@deriv/components';
+
+export interface TAddDerivedProps extends HTMLAttributes<HTMLDivElement> {
+    onClickHandler: () => void;
+    class_names?: string;
+    title: string;
+}
+
+const AddDerived = ({ title, onClickHandler, class_names }: TAddDerivedProps) => {
+    return (
+        <div className={classNames('add-derived', class_names)} onClick={onClickHandler}>
+            <Icon icon='icAppstoreAddRounded' width='24' height='24' />
+            <Text type='paragraph-2' bold>
+                {title}
+            </Text>
+        </div>
+    );
+};
+
+export default AddDerived;
diff --git a/packages/appstore/src/components/add-derived/index.ts b/packages/appstore/src/components/add-derived/index.ts
new file mode 100644
index 000000000000..6478ba9a3ff9
--- /dev/null
+++ b/packages/appstore/src/components/add-derived/index.ts
@@ -0,0 +1,4 @@
+import AddDerived from './add-derived';
+import './add-derived.scss';
+
+export default AddDerived;
diff --git a/packages/appstore/src/components/add-derived/stories/add-derived.stories.tsx b/packages/appstore/src/components/add-derived/stories/add-derived.stories.tsx
new file mode 100644
index 000000000000..857298170dc0
--- /dev/null
+++ b/packages/appstore/src/components/add-derived/stories/add-derived.stories.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import type { Meta, Story } from '@storybook/react';
+import AddDerived from '../index';
+
+type AddDerivedProps = Parameters<typeof AddDerived>[0];
+
+export default {
+    title: 'AddDerived',
+    argTypes: {
+        title: {
+            type: 'string',
+            defaultValue: 'More Derived accounts',
+        },
+        class_names: {
+            type: 'string',
+            defaultValue: '',
+        },
+    },
+} as Meta<AddDerivedProps>;
+
+const Template: Story<AddDerivedProps> = args => <AddDerived {...args} />;
+
+export const AppLauncherTemplate = Template.bind({});
diff --git a/packages/components/src/components/icon/appstore/ic-appstore-add-rounded.svg b/packages/components/src/components/icon/appstore/ic-appstore-add-rounded.svg
new file mode 100644
index 000000000000..45e938f06dc5
--- /dev/null
+++ b/packages/components/src/components/icon/appstore/ic-appstore-add-rounded.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" rx="12" fill="#FF444F"/>
+<g clip-path="url(#clip0_25769_71750)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 8C11.7239 8 11.5 8.22386 11.5 8.5V11.5H8.5C8.22386 11.5 8 11.7239 8 12C8 12.2761 8.22386 12.5 8.5 12.5H11.5V15.5C11.5 15.7761 11.7239 16 12 16C12.2761 16 12.5 15.7761 12.5 15.5V12.5H15.5C15.7761 12.5 16 12.2761 16 12C16 11.7239 15.7761 11.5 15.5 11.5H12.5V8.5C12.5 8.22386 12.2761 8 12 8Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_25769_71750">
+<rect width="8" height="8" fill="white" transform="translate(8 8)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/packages/components/src/components/icon/icons.js b/packages/components/src/components/icon/icons.js
index 95a4757819c8..7e3a1cc660d1 100644
--- a/packages/components/src/components/icon/icons.js
+++ b/packages/components/src/components/icon/icons.js
@@ -1,5 +1,6 @@
 // auto-generated file. DO NOT MODIFY.
 
+import './appstore/ic-appstore-add-rounded.svg';
 import './appstore/ic-appstore-app-card-default-background-small.svg';
 import './appstore/ic-appstore-app-card-default-background.svg';
 import './appstore/ic-appstore-cfds-trade-type.svg';
diff --git a/packages/components/stories/icon/icons.js b/packages/components/stories/icon/icons.js
index 862df639137e..bf73661cfc5a 100644
--- a/packages/components/stories/icon/icons.js
+++ b/packages/components/stories/icon/icons.js
@@ -1,7 +1,9 @@
 // auto-generated file. DO NOT MODIFY.
 
-export const icons = {
-    appstore: [
+export const icons =
+{
+    'appstore': [
+        'IcAppstoreAddRounded',
         'IcAppstoreAppCardDefaultBackgroundSmall',
         'IcAppstoreAppCardDefaultBackground',
         'IcAppstoreCfdsTradeType',
@@ -43,7 +45,7 @@ export const icons = {
         'IcAppstoreWalletUsdtLight',
         'IcAppstoreWarning',
     ],
-    brand: [
+    'brand': [
         'IcBrandBinarybot',
         'IcBrandDbot',
         'IcBrandDerivApps',
@@ -56,7 +58,7 @@ export const icons = {
         'IcBrandDxtrade',
         'IcBrandSmarttrader',
     ],
-    cashier: [
+    'cashier': [
         'IcCashierAdd',
         'IcCashierAirTmDark',
         'IcCashierAirTmLight',
@@ -184,7 +186,7 @@ export const icons = {
         'IcCashierXanpoolSmallLight',
         'IcCashier',
     ],
-    common: [
+    'common': [
         'IcAccountError',
         'IcAccountLimits',
         'IcAccountMissingDetailsDashboard',
@@ -454,7 +456,7 @@ export const icons = {
         'IcZoomIn',
         'IcZoomOut',
     ],
-    contract: [
+    'contract': [
         'IcContractBarrier',
         'IcContractBuyPrice',
         'IcContractCommission',
@@ -470,7 +472,7 @@ export const icons = {
         'IcContractStartTime',
         'IcContractTarget',
     ],
-    currency: [
+    'currency': [
         'IcCurrencyAud',
         'IcCurrencyBch',
         'IcCurrencyBtc',
@@ -493,7 +495,7 @@ export const icons = {
         'IcCurrencyUst',
         'IcCurrencyVirtual',
     ],
-    dxtrade: [
+    'dxtrade': [
         'IcDxtradeDeviceDesktopLight',
         'IcDxtradeDeviceDesktop',
         'IcDxtradeDeviceLaptopLight',
@@ -508,7 +510,7 @@ export const icons = {
         'IcDxtradeSyntheticPlatform',
         'IcDxtradeSynthetic',
     ],
-    flag: [
+    'flag': [
         'IcFlagDe',
         'IcFlagEn',
         'IcFlagEs',
@@ -524,7 +526,7 @@ export const icons = {
         'IcFlagZhCn',
         'IcFlagZhTw',
     ],
-    mt5: [
+    'mt5': [
         'IcMt5CfdPlatform',
         'IcMt5Cfds',
         'IcMt5DeviceDesktop',
@@ -551,7 +553,7 @@ export const icons = {
         'IcMt5Synthetic',
         'IcMt5TradeTypes',
     ],
-    option: [
+    'option': [
         'IcOptionCallPutReset',
         'IcOptionCallPutSpread',
         'IcOptionCloseToLow',
@@ -569,7 +571,7 @@ export const icons = {
         'IcOptionTouchNotouch',
         'IcOptionUpDownAsian',
     ],
-    stock: [
+    'stock': [
         'IcStockAdidasSalomon',
         'IcStockAlibaba',
         'IcStockAlphabet',
@@ -619,7 +621,7 @@ export const icons = {
         'IcStockWaltDisney',
         'IcStockZoom',
     ],
-    tradetype: [
+    'tradetype': [
         'IcTradetypeAsiand',
         'IcTradetypeAsianu',
         'IcTradetypeCallBarrier',
@@ -654,7 +656,7 @@ export const icons = {
         'IcTradetypeTicklow',
         'IcTradetypeUpordown',
     ],
-    underlying: [
+    'underlying': [
         'IcUnderlying1HZ100V',
         'IcUnderlying1HZ10V',
         'IcUnderlying1HZ200V',
@@ -811,7 +813,7 @@ export const icons = {
         'IcUnderlyingWLDUSD',
         'IcUnderlyingWLDXAU',
     ],
-    wallet: [
+    'wallet': [
         'IcWalletClearFunds',
         'IcWalletCreditDebitDark',
         'IcWalletCreditDebitLight',