diff --git a/src/app/components/toolbar/toolbar.component.scss b/src/app/components/toolbar/toolbar.component.scss
deleted file mode 100644
index 9d7b08c..0000000
--- a/src/app/components/toolbar/toolbar.component.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.selected {
-  background-color: #cccccc;
-}
diff --git a/src/app/components/toolbar/toolbar.component.ts b/src/app/components/toolbar/toolbar.component.ts
index 4c72db8..f976301 100644
--- a/src/app/components/toolbar/toolbar.component.ts
+++ b/src/app/components/toolbar/toolbar.component.ts
@@ -5,7 +5,6 @@ import {version} from '../../../../package.json';
 @Component({
     selector: 'toolbar',
     templateUrl: 'toolbar.component.html',
-    styleUrls: ['toolbar.component.scss']
 })
 export class ToolbarComponent implements OnInit, AfterViewInit {
     @Input() menuItems: ToolbarItem[];
diff --git a/src/app/views/map/map.component.scss b/src/app/views/map/map.component.scss
index 69fbc58..49241e6 100644
--- a/src/app/views/map/map.component.scss
+++ b/src/app/views/map/map.component.scss
@@ -30,6 +30,10 @@
   .mat-menu-item {
     color: rgba(255, 255, 255, 0.54);
 
+    &:hover {
+      background-color: rgba(90, 90, 90, 0.8) !important;
+    }
+
     .mat-icon-no-color {
      color: rgba(255, 255, 255, 0.54)
     }
@@ -42,4 +46,12 @@
   z-index: 500;
   color: rgba(255, 255, 255, 0.54);
   background-color: rgba(0, 0, 0, 0.8);
+
+  .selected {
+    background-color: rgba(75, 75, 75, 0.8);
+  }
+
+  .mat-icon-button:hover {
+    background-color: rgba(90, 90, 90, 0.8) !important;
+  }
 }