diff --git a/assets/css/common/header.css b/assets/css/common/header.css
index 1a9ccff..4a93258 100644
--- a/assets/css/common/header.css
+++ b/assets/css/common/header.css
@@ -31,7 +31,8 @@
     font-weight: 700;
 }
 
-.logo a img {
+.logo a img,
+.logo a svg {
     display: inline;
     vertical-align: middle;
     pointer-events: none;
@@ -81,9 +82,12 @@ body:not(.dark) #sun {
     color: var(--primary);
 }
 
+#menu a.active:hover {
+    color: var(--signature);
+}
 #menu .active {
-    color: var(--primary);
-    box-shadow: 0 2px 0 var(--primary);
+    color: var(--signature);
+    box-shadow: 0 2px 0 var(--signature);
 }
 
 #menu .external-link {
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 01f2b41..f1435b8 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -89,10 +89,10 @@ function toggleThemeListener() {
                         {{- end }}
                     {{- end }}
                     <img src="{{ $img.Permalink }}" alt="logo" aria-label="logo"
-                        height="{{- site.Params.logo.iconHeight | default "30" -}}">
+                        height="{{- site.Params.logo.iconHeight | default "30" -}}" width="{{- site.Params.logo.iconWidth | default "30" -}}">
                 {{- else }}
-                <img src="{{- site.Params.logo.icon | absURL -}}" alt="logo" aria-label="logo"
-                    height="{{- site.Params.logo.iconHeight | default "30" -}}">
+                <img src="{{ $img.Permalink }}" alt="logo" aria-label="logo"
+                    height="{{- site.Params.logo.iconHeight | default "30" -}}" width="{{- site.Params.logo.iconWidth | default "30" -}}">
                 {{- end -}}
                 {{- end -}}
                 {{- $label_text -}}