diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
index bcd5dfd..8aad3ab 100644
Binary files a/frontend/public/favicon.ico and b/frontend/public/favicon.ico differ
diff --git a/frontend/public/index.html b/frontend/public/index.html
index 0a1f215..d2777f6 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -6,7 +6,6 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" />
     <meta name="description" content="This is the dashboard for sim companies ">
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <title>Sim Companies Dashboard</title>
 </head>
diff --git a/frontend/public/logo192.png b/frontend/public/logo192.png
deleted file mode 100644
index fc44b0a..0000000
Binary files a/frontend/public/logo192.png and /dev/null differ
diff --git a/frontend/public/logo512.png b/frontend/public/logo512.png
deleted file mode 100644
index a4e47a6..0000000
Binary files a/frontend/public/logo512.png and /dev/null differ
diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
index 080d6c7..40cbbeb 100644
--- a/frontend/public/manifest.json
+++ b/frontend/public/manifest.json
@@ -1,25 +1,13 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
+    "short_name": "React App",
+    "name": "Create React App Sample",
+    "icons": [{
+        "src": "favicon.ico",
+        "sizes": "64x64 32x32 24x24 16x16",
+        "type": "image/x-icon"
+    }, ],
+    "start_url": ".",
+    "display": "standalone",
+    "theme_color": "#000000",
+    "background_color": "#ffffff"
+}
\ No newline at end of file
diff --git a/frontend/src/App.css b/frontend/src/App.css
index e69de29..b80d8fc 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -0,0 +1,11 @@
+.logo {
+    background-image: url(./img/logo.png);
+    background-repeat: no-repeat;
+    background-size: 100%;
+    width: 150px;
+    text-indent: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    margin-left: 10px;
+    height: 64px;
+}
\ No newline at end of file
diff --git a/frontend/src/components/navigation.js b/frontend/src/components/navigation.js
index 57a494c..2046bd5 100644
--- a/frontend/src/components/navigation.js
+++ b/frontend/src/components/navigation.js
@@ -157,7 +157,7 @@ export default function Navigation() {
                     >
                         <MenuIcon />
                     </IconButton>
-                    <Link1 href="/" class="logo">Sim Companies Dashboard</Link1>
+                    <Link1 href="/" className="logo">Sim Companies Dashboard</Link1>
                     <div className={classes.grow} />
                     <div className={classes.search}>
                         <div className={classes.searchIcon}>
diff --git a/frontend/src/img/logo.png b/frontend/src/img/logo.png
new file mode 100644
index 0000000..4e07ad1
Binary files /dev/null and b/frontend/src/img/logo.png differ