diff --git a/src/styles/dark.scss b/src/styles/dark.scss
index af8acece9..82582c629 100644
--- a/src/styles/dark.scss
+++ b/src/styles/dark.scss
@@ -65,6 +65,11 @@ html.dark body {
     color: $dark-text;
   }
   .sideNav {
+    .nav-group-header:hover,
+    .nav-group-header:hover span {
+      color: white;
+      background-color: transparent;
+    }
     a:hover {
       color: white;
       background-color: transparent;
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 65ffd3c36..0a0eec0f6 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -177,6 +177,12 @@ ul li {
   display: flex;
   justify-content: space-between;
   padding-left: 0px;
+  cursor: pointer;
+
+  &:hover {
+    background-color: rgb(243, 244, 246);
+    color: rgb(17, 24, 39);
+  }
 }
 .sideNav .nav-group-header svg {
   transition: transform 0.3s ease-in-out;