diff --git a/src/app/components/project-map/project-map.component.html b/src/app/components/project-map/project-map.component.html
index 8154fa86..b4e24a25 100644
--- a/src/app/components/project-map/project-map.component.html
+++ b/src/app/components/project-map/project-map.component.html
@@ -204,13 +204,28 @@
       >
         <mat-icon>zoom_out_map</mat-icon>
       </button>
-      <button matTooltip="Zoom in" matTooltipClass="custom-tooltip" class="zoom-button" (click)="zoomIn()">
+      <button
+         matTooltip="Zoom in"
+         matTooltipClass="custom-tooltip"
+         class="zoom-button"
+         mat-icon-button
+         (click)="zoomIn()">
         <mat-icon>zoom_in</mat-icon>
       </button>
-      <button matTooltip="Reset zoom" matTooltipClass="custom-tooltip" class="reset-zoom-button" (click)="resetZoom()">
+      <button
+         matTooltip="Reset zoom"
+         matTooltipClass="custom-tooltip"
+         class="reset-zoom-button"
+         mat-icon-button
+         (click)="resetZoom()">
         <mat-icon>adjust</mat-icon>
       </button>
-      <button matTooltip="Zoom out" matTooltipClass="custom-tooltip" class="zoom-button" (click)="zoomOut()">
+      <button
+         matTooltip="Zoom out"
+         matTooltipClass="custom-tooltip"
+         class="zoom-button"
+         mat-icon-button
+         (click)="zoomOut()">
         <mat-icon>zoom_out</mat-icon>
       </button>
     </div>
diff --git a/src/app/components/project-map/project-map.component.scss b/src/app/components/project-map/project-map.component.scss
index 3d811b07..066585d6 100644
--- a/src/app/components/project-map/project-map.component.scss
+++ b/src/app/components/project-map/project-map.component.scss
@@ -149,8 +149,7 @@ g.node:hover {
     color: white;
 
     mat-icon {
-      font-size: 16px !important;
-      margin-top: 8px;
+      font-size: 18px !important;
     }
   }