diff --git a/frontend/src/assets/logo.png b/frontend/public/assets/logo.png
similarity index 100%
rename from frontend/src/assets/logo.png
rename to frontend/public/assets/logo.png
diff --git a/frontend/src/assets/styles.css b/frontend/src/assets/styles.css
index 859a2db..30d7829 100644
--- a/frontend/src/assets/styles.css
+++ b/frontend/src/assets/styles.css
@@ -1,13 +1,14 @@
 .navbar-brand {
-    font-size: 26px;
     padding-top: 0 !important;
     padding-bottom: 0 !important;
+    margin: 10px 20px 10px 10px;
     height: 48px;
-    width: 54px;
-    background-image: url("./logo.png");
-    background-size: cover;
-    display: inline-block;
-    margin-right: 50px;
+    width: 48px;
+}
+
+.navbar-brand img {
+    height: 48px;
+    width: 48px;
 }
 
 th.thin {
@@ -15,9 +16,11 @@ th.thin {
     white-space: nowrap;
 }
 
-html, body, #container {
+html,
+body,
+#container {
     height: 100%;
-    margin:0;
+    margin: 0;
     background-color: #171E26;
 }
 
diff --git a/frontend/src/components/Layout.jsx b/frontend/src/components/Layout.jsx
index b6ace7e..93c8edb 100644
--- a/frontend/src/components/Layout.jsx
+++ b/frontend/src/components/Layout.jsx
@@ -70,7 +70,7 @@ const AppLayout = () => {
 
   return (<Layout>
     <Header style={{ display: 'flex', alignItems: 'center', width: '100%', justifyContent: 'space-between' }}>
-      <Link to="/" className="navbar-brand"></Link>
+      <Link to="/" className='navbar-brand'><img src="/assets/logo.png" /></Link>
       <Menu
         mode="horizontal"
         items={items}