diff --git a/packages/ui-kit/src/assets/svg/explore.svg b/packages/ui-kit/src/assets/svg/explore.svg
new file mode 100644
index 00000000..8a9cb253
--- /dev/null
+++ b/packages/ui-kit/src/assets/svg/explore.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/packages/ui-kit/src/assets/svg/markets.svg b/packages/ui-kit/src/assets/svg/markets.svg
new file mode 100644
index 00000000..397faf08
--- /dev/null
+++ b/packages/ui-kit/src/assets/svg/markets.svg
@@ -0,0 +1,5 @@
+
\ No newline at end of file
diff --git a/packages/ui-kit/src/assets/svg/portfolio.svg b/packages/ui-kit/src/assets/svg/portfolio.svg
new file mode 100644
index 00000000..201a6da5
--- /dev/null
+++ b/packages/ui-kit/src/assets/svg/portfolio.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/packages/ui-kit/src/assets/svg/superfeed.svg b/packages/ui-kit/src/assets/svg/superfeed.svg
new file mode 100644
index 00000000..8e8789c2
--- /dev/null
+++ b/packages/ui-kit/src/assets/svg/superfeed.svg
@@ -0,0 +1,3 @@
+
diff --git a/packages/ui-kit/src/mobile-components/navigation/NavBottom.tsx b/packages/ui-kit/src/mobile-components/navigation/NavBottom.tsx
index 25abf5a3..5fea1a0d 100644
--- a/packages/ui-kit/src/mobile-components/navigation/NavBottom.tsx
+++ b/packages/ui-kit/src/mobile-components/navigation/NavBottom.tsx
@@ -1,4 +1,7 @@
-import { ReactComponent as HomeSVG } from "src/assets/svg/home.svg";
+import { ReactComponent as ExploreSVG } from "src/assets/svg/explore.svg";
+import { ReactComponent as MarketsSVG } from "src/assets/svg/markets.svg";
+import { ReactComponent as PortfolioSVG } from "src/assets/svg/portfolio.svg";
+import { ReactComponent as SuperfeedSVG } from "src/assets/svg/superfeed.svg";
import { twMerge } from "tailwind-merge";
const navigation = [
@@ -7,67 +10,61 @@ const navigation = [
href: "#",
current: true,
hasNew: true,
- icon: