diff --git a/src/serena/resources/dashboard/dashboard.css b/src/serena/resources/dashboard/dashboard.css
index b97e02df..40ca1960 100644
--- a/src/serena/resources/dashboard/dashboard.css
+++ b/src/serena/resources/dashboard/dashboard.css
@@ -43,15 +43,16 @@
 body {
     font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
     margin: 0;
-    padding: 20px;
-    padding-top: 130px;
     background-color: var(--bg-primary);
     color: var(--text-primary);
     transition: background-color 0.3s ease, color 0.3s ease;
 }
 
+.main {
+    padding: 20px;
+}
+
 .header {
-    position: fixed;
     top: 0;
     left: 0;
     right: 0;
@@ -72,7 +73,7 @@ body {
 }
 
 .logo-container img {
-    max-width: 300px;
+    max-width: 250px;
     height: auto;
     display: block;
 }
diff --git a/src/serena/resources/dashboard/dashboard.js b/src/serena/resources/dashboard/dashboard.js
index 24eb8f93..34384173 100644
--- a/src/serena/resources/dashboard/dashboard.js
+++ b/src/serena/resources/dashboard/dashboard.js
@@ -993,9 +993,9 @@ class Dashboard {
         const logoElement = document.getElementById('serena-logo');
         if (logoElement) {
             if (theme === 'dark') {
-                logoElement.src = 'serena-logs-dark-mode.png';
+                logoElement.src = 'serena-logo-dark-mode.svg';
             } else {
-                logoElement.src = 'serena-logs.png';
+                logoElement.src = 'serena-logo.svg';
             }
         }
     }
diff --git a/src/serena/resources/dashboard/index.html b/src/serena/resources/dashboard/index.html
index 9f4ecf8c..1be0c059 100644
--- a/src/serena/resources/dashboard/index.html
+++ b/src/serena/resources/dashboard/index.html
@@ -38,7 +38,7 @@
             </div>
         </nav>
     </header>
-
+    <div class="main">
     <!-- Overview Page (Landing) -->
     <div id="page-overview" class="page-view">
         <div class="overview-container">
@@ -184,6 +184,7 @@
         </div>
     </div>
 
+    </div> <!-- End of Main -->
     <script>
         $(document).ready(function () {
             const dashboard = new Dashboard();
diff --git a/src/serena/resources/dashboard/serena-logo-dark-mode.svg b/src/serena/resources/dashboard/serena-logo-dark-mode.svg
new file mode 100644
index 00000000..3b1d929e
Binary files /dev/null and b/src/serena/resources/dashboard/serena-logo-dark-mode.svg differ
diff --git a/src/serena/resources/dashboard/serena-logo.svg b/src/serena/resources/dashboard/serena-logo.svg
new file mode 100644
index 00000000..c7ca2233
Binary files /dev/null and b/src/serena/resources/dashboard/serena-logo.svg differ