diff --git a/web/frontend/src/assets/epfl-logo.svg b/web/frontend/src/assets/epfl-logo.svg
new file mode 100644
index 000000000..2abe0384a
--- /dev/null
+++ b/web/frontend/src/assets/epfl-logo.svg
@@ -0,0 +1 @@
+<svg id="logo_epfl_2019" data-name="logo epfl 2019" xmlns="http://www.w3.org/2000/svg" width="182.4" height="53" viewBox="0 0 182.4 53"><defs><style>.cls-1{fill:red;}</style></defs><title>epfl-logo-new</title><polygon class="cls-1" points="0 21.6 11.43 21.6 11.43 9.8 38.34 9.8 38.34 0 0 0 0 21.6"/><polygon class="cls-1" points="0 53 38.34 53 38.34 43.2 11.43 43.2 11.43 31.4 0 31.4 0 53"/><rect class="cls-1" x="11.43" y="21.6" width="24.61" height="9.8"/><path class="cls-1" d="M86,4.87a16.12,16.12,0,0,0-5.68-3.53A23.76,23.76,0,0,0,71.82,0H48.14V53H59.57V31.4H71.82a23.76,23.76,0,0,0,8.46-1.34A16.12,16.12,0,0,0,86,26.53a13.43,13.43,0,0,0,3.19-5,17.38,17.38,0,0,0,0-11.62A13.52,13.52,0,0,0,86,4.87ZM78,18.73a5.7,5.7,0,0,1-2.26,1.8,11.33,11.33,0,0,1-3.27.85,32,32,0,0,1-3.86.22H59.57V9.8h9.05a32,32,0,0,1,3.86.22,11,11,0,0,1,3.27.86A5.59,5.59,0,0,1,78,12.67a5,5,0,0,1,.86,3A5,5,0,0,1,78,18.73Z"/><polygon class="cls-1" points="155.47 43.2 155.47 0 144.04 0 144.04 53 182.38 53 182.38 43.2 155.47 43.2"/><polygon class="cls-1" points="97.42 21.6 108.85 21.6 108.85 9.8 135.76 9.8 135.76 0 97.42 0 97.42 21.6"/><rect class="cls-1" x="97.42" y="31.4" width="11.43" height="21.6"/><rect class="cls-1" x="108.85" y="21.6" width="24.61" height="9.8"/></svg>
\ No newline at end of file
diff --git a/web/frontend/src/index.css b/web/frontend/src/index.css
index 36ddaf597..ca5ca7350 100644
--- a/web/frontend/src/index.css
+++ b/web/frontend/src/index.css
@@ -4,12 +4,12 @@
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+  font-family: Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
     'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
+  font-family: Arial, source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
diff --git a/web/frontend/src/layout/App.css b/web/frontend/src/layout/App.css
index 587fdfb4b..9b182c958 100644
--- a/web/frontend/src/layout/App.css
+++ b/web/frontend/src/layout/App.css
@@ -1,5 +1,5 @@
 .App {
-  font-family: sans-serif;
+  font-family: Arial;
   color: rgb(71, 71, 71);
   background-color: white;
   position: relative;
diff --git a/web/frontend/src/layout/Header.tsx b/web/frontend/src/layout/Header.tsx
deleted file mode 100644
index 1266b9f95..000000000
--- a/web/frontend/src/layout/Header.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React, { FC, Fragment } from 'react';
-
-import headerImg from '../assets/logo.png';
-
-const Header: FC = () => {
-  return (
-    <Fragment>
-      <section className="about">
-        <div className="container">
-          <img src={headerImg} alt="" />
-        </div>
-      </section>
-    </Fragment>
-  );
-};
-
-export default Header;
diff --git a/web/frontend/src/layout/NavBar.tsx b/web/frontend/src/layout/NavBar.tsx
index 56ccf2fcf..e85836881 100644
--- a/web/frontend/src/layout/NavBar.tsx
+++ b/web/frontend/src/layout/NavBar.tsx
@@ -22,6 +22,7 @@ import { availableLanguages } from 'language/Configuration';
 import { LanguageSelector } from '../language';
 
 import logo from '../assets/logo.png';
+import { ReactComponent as EPFL_LOGO } from '../assets/epfl-logo.svg';
 import { Popover, Transition } from '@headlessui/react';
 import { LoginIcon, LogoutIcon, MenuIcon, XIcon } from '@heroicons/react/outline';
 import { PlusIcon } from '@heroicons/react/solid';
@@ -178,6 +179,10 @@ const RightSideNavBar = ({ authCtx, handleLogout, handleChangeId, fctx, t }) =>
 const LeftSideNavBar = ({ authCtx, t }) => (
   <div className="flex-1 flex items-center justify-center md:justify-start">
     <div data-testid="leftSideNavBarLogo" className="flex-shrink-0 flex items-center">
+      <NavLink to={ROUTE_HOME}>
+        <EPFL_LOGO className="h-8 w-auto" />
+      </NavLink>
+      <div className="mx-4 text-gray-500">|</div>
       <NavLink to={ROUTE_HOME}>
         <img className="hidden lg:block h-10 w-auto" src={logo} alt="Workflow" />
       </NavLink>