diff --git a/assets/styles/layout/_code.scss b/assets/styles/layout/_code.scss
index 08ce47d8e..f21b968d7 100644
--- a/assets/styles/layout/_code.scss
+++ b/assets/styles/layout/_code.scss
@@ -356,7 +356,7 @@ pre[class*="language-"] {
 .layout-wrapper-light {
     pre[class*="language-"] {    
         code {
-            background: #505b67 !important;
+            background: #475569 !important;
         }
     }
 }
\ No newline at end of file
diff --git a/assets/styles/layout/_content.scss b/assets/styles/layout/_content.scss
index 73c2c0905..0676ad539 100644
--- a/assets/styles/layout/_content.scss
+++ b/assets/styles/layout/_content.scss
@@ -1,5 +1,5 @@
 .layout-content {
-    padding: 7rem 4rem 0 4rem;
+    padding: 6rem 4rem 0 4rem;
     display: flex;
 
     .layout-content-slot {
@@ -10,8 +10,8 @@
 
 .layout-wrapper-light {
     .card {
-        background: var(--surface-ground);
-        border: 1px solid var(--surface-border);
+        background: #f3f4f6;
+        border: 1px solid #e2e8f0;
         padding: 2rem;
         border-radius: 10px;
         margin-bottom: 1rem;
diff --git a/assets/styles/layout/_doc.scss b/assets/styles/layout/_doc.scss
index e4f9aa63a..6166cab02 100644
--- a/assets/styles/layout/_doc.scss
+++ b/assets/styles/layout/_doc.scss
@@ -144,7 +144,7 @@
 
 .doc-section-nav {
     position: sticky;
-    top: 7rem;
+    top: 6rem;
     right: 0;
     width: 14rem;
     max-height: calc(100vh - 15rem);
diff --git a/assets/styles/layout/_docsearch.scss b/assets/styles/layout/_docsearch.scss
index 31615cc48..ccc2d075f 100644
--- a/assets/styles/layout/_docsearch.scss
+++ b/assets/styles/layout/_docsearch.scss
@@ -4,7 +4,7 @@
     width: 14rem;
     margin: 0;
     transition: border-color .3s;
-    height: 3rem;
+    height: 2.5rem;
     padding: 0 .75rem;
 
     &:hover {
diff --git a/assets/styles/layout/_sidebar.scss b/assets/styles/layout/_sidebar.scss
index 8c0c568bd..5f7c5d7ed 100644
--- a/assets/styles/layout/_sidebar.scss
+++ b/assets/styles/layout/_sidebar.scss
@@ -1,7 +1,7 @@
 .layout-sidebar {
     position: sticky;
     left: 0;
-    top: 7rem;
+    top: 6rem;
     height: calc(100vh - 9rem);
     user-select: none;
     transition: transform .4s cubic-bezier(.05,.74,.2,.99), opacity .3s;
@@ -19,7 +19,7 @@
 
     nav {
         padding: 0;
-        margin: 0;
+        margin: -.5rem 0 0 0;
         flex-grow: 1;
     }
 
@@ -35,7 +35,7 @@
                 display: flex;
                 width: 100%;
                 align-items: center;
-                padding: .5rem;
+                padding: .5rem 0;
                 color: var(--surface-900);
                 font-weight: 600;
                 transition: all .2s;
diff --git a/assets/styles/layout/_topbar.scss b/assets/styles/layout/_topbar.scss
index 0a3f213c8..79acdc234 100644
--- a/assets/styles/layout/_topbar.scss
+++ b/assets/styles/layout/_topbar.scss
@@ -1,5 +1,5 @@
 .layout-topbar {
-    height: 5rem;
+    height: 4rem;
     position: fixed;
     top: 0;
     left: 0;
@@ -18,11 +18,20 @@
 
     .layout-topbar-logo-container {
         width: 250px;
-        text-align: center;
         margin-right: 4rem;
 
+        .layout-topbar-logo {
+            svg {
+                width: 120px;
+            }
+        }
+
         .layout-topbar-icon {
             display: none;
+
+            svg {
+                width: 25px;
+            }
         }
     }