diff --git a/src/components/home/topNavigation.vue b/src/components/home/topNavigation.vue
index 3634f4772..20e99c49a 100644
--- a/src/components/home/topNavigation.vue
+++ b/src/components/home/topNavigation.vue
@@ -146,6 +146,11 @@ $vikunja-nav-logo-full-width: 164px;
 	display: none;
 	color: var(--logo-text-color);
 
+  &:hover, &:focus {
+		background-color: transparent;
+		color: var(--primary);
+	}
+
 	@media screen and (min-width: $tablet) {
 		align-self: stretch;
 		display: flex;