diff --git a/docs/components/content/Logo.vue b/docs/components/content/Logo.vue
index 69fca24f..ee2bc2d3 100644
--- a/docs/components/content/Logo.vue
+++ b/docs/components/content/Logo.vue
@@ -6,12 +6,15 @@
 .logo {
   width: 220px;
   height: 40px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
 }
 .dark .logo {
-  background-image: url('/logo-dark.svg');
+  background-image: url('/logo-new.svg');
 }
 
 .light .logo {
-  background-image: url('/logo-light.svg');
+  background-image: url('/logo-new.svg');
 }
 </style>