diff --git a/src/app/components/project-map/project-map.component.css b/src/app/components/project-map/project-map.component.css
index bc7d6337..1c099ef3 100644
--- a/src/app/components/project-map/project-map.component.css
+++ b/src/app/components/project-map/project-map.component.css
@@ -51,7 +51,9 @@ g.node:hover {
 }
 
 .drawer-button {
-  width: 64px!important;
+  width: 40px;
+  margin-right: 12px!important;
+  margin-left: 12px!important;
   background: #263238;
   padding: 0;
   border: none;
@@ -82,6 +84,10 @@ g.node:hover {
   flex-direction: row;
 }
 
+.mat-sidenav-backdrop.mat-sidenav-shown{
+  background-color: transparent !important;
+}
+
 .selected {
   stroke: #0097a7!important;
 }
diff --git a/src/app/components/project-map/project-map.component.ts b/src/app/components/project-map/project-map.component.ts
index 6bd448b9..41b3b8b5 100644
--- a/src/app/components/project-map/project-map.component.ts
+++ b/src/app/components/project-map/project-map.component.ts
@@ -48,6 +48,7 @@ import { TextElement } from '../../cartography/models/drawings/text-element';
 import { FontFixer } from '../../cartography/helpers/font-fixer';
 import { MapLabelToLabelConverter } from '../../cartography/converters/map/map-label-to-label-converter';
 import { select } from 'd3-selection';
+import { delay } from 'q';
 
 
 @Component({
@@ -463,7 +464,10 @@ export class ProjectMapComponent implements OnInit, OnDestroy {
   }
 
   public showMenu(){
-    this.drawTools.visibility = true;
+    setTimeout(() => {
+      this.drawTools.visibility = true;
+    },
+    100);
   }
 
   public getDrawingMock(objectType: string, text?: string): MapDrawing {