diff --git a/src/newsreader/scss/components/category/_category.scss b/src/newsreader/scss/components/category/_category.scss
index 54f6f2a..683ed0b 100644
--- a/src/newsreader/scss/components/category/_category.scss
+++ b/src/newsreader/scss/components/category/_category.scss
@@ -33,7 +33,7 @@
     }
   }
 
-  &--selected {
-    font-weight: bold;
+  &--selected, &:hover {
+    background-color: $border-gray;
   }
 }
diff --git a/src/newsreader/scss/components/rules/_rules.scss b/src/newsreader/scss/components/rules/_rules.scss
index c77f005..b07d03d 100644
--- a/src/newsreader/scss/components/rules/_rules.scss
+++ b/src/newsreader/scss/components/rules/_rules.scss
@@ -14,10 +14,11 @@
 
     &:hover {
       cursor: pointer;
+      background-color: $border-gray;
     }
 
     &--selected {
-      font-weight: bold;
+      background-color: $border-gray;
     }
   }