diff --git a/apps/simple-trading-app/src/app/components/portfolio/index.ts b/apps/simple-trading-app/src/app/components/portfolio/index.ts
new file mode 100644
index 000000000..84f35499f
--- /dev/null
+++ b/apps/simple-trading-app/src/app/components/portfolio/index.ts
@@ -0,0 +1 @@
+export * from './portfolio';
diff --git a/apps/simple-trading-app/src/app/components/portfolio/portfolio.tsx b/apps/simple-trading-app/src/app/components/portfolio/portfolio.tsx
new file mode 100644
index 000000000..ea6424d32
--- /dev/null
+++ b/apps/simple-trading-app/src/app/components/portfolio/portfolio.tsx
@@ -0,0 +1,13 @@
+import { AccountsContainer } from '@vegaprotocol/accounts';
+import { t } from '@vegaprotocol/react-helpers';
+
+export const Portfolio = () => {
+  return (
+    <section>
+      <h2 className="text-lg mb-16">{t('Assets')}</h2>
+      <div className="h-screen">
+        <AccountsContainer />
+      </div>
+    </section>
+  );
+};
diff --git a/apps/simple-trading-app/src/app/routes/router-config.tsx b/apps/simple-trading-app/src/app/routes/router-config.tsx
index af722a916..fba2f22f7 100644
--- a/apps/simple-trading-app/src/app/routes/router-config.tsx
+++ b/apps/simple-trading-app/src/app/routes/router-config.tsx
@@ -1,6 +1,7 @@
 import { t } from '@vegaprotocol/react-helpers';
 import { DealTicketContainer } from '../components/deal-ticket';
 import { SimpleMarketList } from '../components/simple-market-list';
+import { Portfolio } from '../components/portfolio';
 
 export const ROUTES = {
   HOME: '/',
@@ -45,6 +46,6 @@ export const routerConfig = [
     path: ROUTES.PORTFOLIO,
     name: 'Portfolio',
     text: t('Portfolio'),
-    element: <div>Portfolio</div>,
+    element: <Portfolio />,
   },
 ];