diff --git a/web/public/favi2.jpg b/web/public/favi2.jpg
new file mode 100644
index 0000000..552b530
Binary files /dev/null and b/web/public/favi2.jpg differ
diff --git a/web/src/index.html b/web/src/index.html
index a8fa947..93f038e 100644
--- a/web/src/index.html
+++ b/web/src/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="icon" type="image/png" href="/favi2.jpg" />
     <title><%= htmlWebpackPlugin.options.title %></title>
     <script>
       // Install Cascade Studio as a Progressive Web App for Offline Access
diff --git a/web/src/layouts/MainLayout/Logo_2.jpg b/web/src/layouts/MainLayout/Logo_2.jpg
new file mode 100644
index 0000000..47edfa3
Binary files /dev/null and b/web/src/layouts/MainLayout/Logo_2.jpg differ
diff --git a/web/src/layouts/MainLayout/MainLayout.js b/web/src/layouts/MainLayout/MainLayout.js
index 5d5dcba..ef46c03 100644
--- a/web/src/layouts/MainLayout/MainLayout.js
+++ b/web/src/layouts/MainLayout/MainLayout.js
@@ -5,6 +5,7 @@ import Tooltip from '@material-ui/core/Tooltip';
 
 import avatar from 'src/assets/harold.jpg'
 import Svg from 'src/components/Svg'
+import logo from 'src/layouts/MainLayout/Logo_2.jpg'
 
 const MainLayout = ({ children }) => {
   const { logIn, logOut, isAuthenticated } = useAuth()
@@ -16,7 +17,7 @@ const MainLayout = ({ children }) => {
             <li>
               <Link to={routes.home()}>
                 <Tooltip title="We need a logo!" >
-                  <div className="h-10 w-10 bg-indigo-500 rounded-full ml-12" data-tip="hello world" data-place="bottom"></div>
+                <img src={logo} style={{marginLeft : '50px'}}/>
                 </Tooltip>
               </Link>
             </li>
