diff --git a/packages/concordia-app/public/favicon.ico b/packages/concordia-app/public/favicon.ico
index a11777c..e246a57 100644
Binary files a/packages/concordia-app/public/favicon.ico and b/packages/concordia-app/public/favicon.ico differ
diff --git a/packages/concordia-app/src/assets/css/index.css b/packages/concordia-app/src/assets/css/index.css
index 2a2d849..09e53ea 100644
--- a/packages/concordia-app/src/assets/css/index.css
+++ b/packages/concordia-app/src/assets/css/index.css
@@ -15,3 +15,7 @@ body.app {
color: gray;
font-style: italic;
}
+
+.ui.inverted.menu {
+ background: #0B2540;
+}
diff --git a/packages/concordia-app/src/assets/images/app_logo.png b/packages/concordia-app/src/assets/images/app_logo.png
deleted file mode 100644
index eb52170..0000000
Binary files a/packages/concordia-app/src/assets/images/app_logo.png and /dev/null differ
diff --git a/packages/concordia-app/src/assets/images/app_logo.svg b/packages/concordia-app/src/assets/images/app_logo.svg
new file mode 100644
index 0000000..54dfdd1
--- /dev/null
+++ b/packages/concordia-app/src/assets/images/app_logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/concordia-app/src/components/InitializationScreen/CustomLoader/index.jsx b/packages/concordia-app/src/components/InitializationScreen/CustomLoader/index.jsx
index 32ea822..e64aa29 100644
--- a/packages/concordia-app/src/components/InitializationScreen/CustomLoader/index.jsx
+++ b/packages/concordia-app/src/components/InitializationScreen/CustomLoader/index.jsx
@@ -8,7 +8,7 @@ import metamaskLogo from '../../../assets/images/metamask_logo.svg';
import ethereumLogo from '../../../assets/images/ethereum_logo.svg';
import ipfsLogo from '../../../assets/images/ipfs_logo.svg';
import orbitdbLogo from '../../../assets/images/orbitdb_logo.svg';
-import appLogo from '../../../assets/images/app_logo.png';
+import appLogo from '../../../assets/images/app_logo.svg';
const LoadingComponent = (props) => {
useEffect(() => function cleanup() {
diff --git a/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx b/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx
index d45b962..cd79a9a 100644
--- a/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx
+++ b/packages/concordia-app/src/layouts/MainLayout/MainLayoutMenu/index.jsx
@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
import { useHistory } from 'react-router';
import { useSelector } from 'react-redux';
import AppContext from '../../../components/AppContext';
-import appLogo from '../../../assets/images/app_logo.png';
+import appLogo from '../../../assets/images/app_logo.svg';
import ClearDatabasesModal from '../../../components/ClearDatabasesModal';
const MainLayoutMenu = () => {
@@ -30,7 +30,7 @@ const MainLayoutMenu = () => {
return (
{() => (
-