diff --git a/apps/invest/src/assets/investments-logo.png b/apps/invest/src/assets/investments-logo.png
deleted file mode 100644
index fa9493d0..00000000
Binary files a/apps/invest/src/assets/investments-logo.png and /dev/null differ
diff --git a/apps/invest/src/assets/investments-logo.svg b/apps/invest/src/assets/investments-logo.svg
new file mode 100644
index 00000000..18afd0c9
--- /dev/null
+++ b/apps/invest/src/assets/investments-logo.svg
@@ -0,0 +1,21 @@
+
diff --git a/apps/invest/src/components/InvestHeader.tsx b/apps/invest/src/components/InvestHeader.tsx
index 68f4cd07..2184df9f 100644
--- a/apps/invest/src/components/InvestHeader.tsx
+++ b/apps/invest/src/components/InvestHeader.tsx
@@ -4,7 +4,7 @@ import Image from 'next/image';
import dynamic from 'next/dynamic';
import config from '@/firebase/config';
import { Header } from 'ui';
-import investmentLogo from '../assets/investments-logo.png';
+import investmentLogo from '../assets/investments-logo.svg';
import Link from 'next/link';
import { useRouter } from 'next/router';
@@ -52,8 +52,8 @@ const InvestHeader: React.FC = ({}) => {
diff --git a/apps/invest/src/layouts/MainLayout.tsx b/apps/invest/src/layouts/MainLayout.tsx
index 80d170f3..80991187 100644
--- a/apps/invest/src/layouts/MainLayout.tsx
+++ b/apps/invest/src/layouts/MainLayout.tsx
@@ -6,7 +6,7 @@ import config from '@/firebase/config';
import dynamic from 'next/dynamic';
import Link from 'next/link';
import { PlatformFooter } from 'platform-js';
-import investmentLogo from '../assets/investments-logo.png';
+import investmentLogo from '../assets/investments-logo.svg';
const AuthHeader = dynamic(
async () => await (await import('platform-js')).AuthHeader,
@@ -50,8 +50,8 @@ const MainLayout: React.FC = ({ children }) => {
}
diff --git a/apps/research-archive/src/assets/research.svg b/apps/research-archive/src/assets/research.svg
index f118243f..3c963abc 100644
--- a/apps/research-archive/src/assets/research.svg
+++ b/apps/research-archive/src/assets/research.svg
@@ -1,10 +1,18 @@
-