diff --git a/public/assets/css/theme-codecraftsmen-auto.css b/public/assets/css/theme-codecraftsmen-auto.css
index 04d2e85..032c700 100644
--- a/public/assets/css/theme-codecraftsmen-auto.css
+++ b/public/assets/css/theme-codecraftsmen-auto.css
@@ -1,19 +1,27 @@
 @import "./theme-codecraftsmen-light.css" (prefers-color-scheme: light);
 @import "./theme-codecraftsmen-dark.css" (prefers-color-scheme: dark);
 
+html[data-theme="codecraftsmen-auto"] #navbar #navbar-logo {
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 60px 30px;
+}
+
+html[data-theme="codecraftsmen-auto"] #navbar #navbar-logo img {
+  visibility: hidden;
+  width: 60px;
+  height: 30px;
+}
+
 @media (prefers-color-scheme: light) {
-  html[data-theme="codecraftsmen-auto"] #navbar-logo img {
-    content: url("../img/logo-light-no-slogan.svg");
-    width: 60px;
-    height: 30px;
+  html[data-theme="codecraftsmen-auto"] #navbar #navbar-logo {
+    background-image: url("../img/logo-light-no-slogan.svg");
   }
 }
 
 @media (prefers-color-scheme: dark) {
-  html[data-theme="codecraftsmen-auto"] #navbar-logo img {
-    content: url("../img/logo-dark-no-slogan.svg");
-    width: 60px;
-    height: 30px;
+  html[data-theme="codecraftsmen-auto"] #navbar #navbar-logo {
+    background-image: url("../img/logo-dark-no-slogan.svg");
   }
 }
 
diff --git a/public/assets/css/theme-codecraftsmen-dark.css b/public/assets/css/theme-codecraftsmen-dark.css
index b4dc1dd..8356b51 100644
--- a/public/assets/css/theme-codecraftsmen-dark.css
+++ b/public/assets/css/theme-codecraftsmen-dark.css
@@ -293,8 +293,15 @@ gitea-theme-meta-info {
   --cc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 
-html[data-theme="codecraftsmen-dark"] #navbar-logo img {
-  content: url("../img/logo-dark-no-slogan.svg");
+html[data-theme="codecraftsmen-dark"] #navbar #navbar-logo {
+  background-image: url("../img/logo-dark-no-slogan.svg");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 60px 30px;
+}
+
+html[data-theme="codecraftsmen-dark"] #navbar #navbar-logo img {
+  visibility: hidden;
   width: 60px;
   height: 30px;
 }
diff --git a/public/assets/css/theme-codecraftsmen-light.css b/public/assets/css/theme-codecraftsmen-light.css
index ba72cc3..b50a30e 100644
--- a/public/assets/css/theme-codecraftsmen-light.css
+++ b/public/assets/css/theme-codecraftsmen-light.css
@@ -269,8 +269,15 @@ gitea-theme-meta-info {
   --cc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 
-html[data-theme="codecraftsmen-light"] #navbar-logo img {
-  content: url("../img/logo-light-no-slogan.svg");
+html[data-theme="codecraftsmen-light"] #navbar #navbar-logo {
+  background-image: url("../img/logo-light-no-slogan.svg");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 60px 30px;
+}
+
+html[data-theme="codecraftsmen-light"] #navbar #navbar-logo img {
+  visibility: hidden;
   width: 60px;
   height: 30px;
 }