diff --git a/frontend/src/app/home/map/map.component.ts b/frontend/src/app/home/map/map.component.ts
index 09ed8c9..1b08682 100644
--- a/frontend/src/app/home/map/map.component.ts
+++ b/frontend/src/app/home/map/map.component.ts
@@ -108,7 +108,7 @@ export class MapComponent implements OnInit {
     this.filteredShops = this.allShops.filter(shop =>
       shop.name.toLowerCase().includes(query.toLowerCase())
     );
-    console.log("Filtered shops:", this.filteredShops);
+    // console.log("Filtered shops:", this.filteredShops);
     // Update the map markers to reflect the filtered shops
     this.removeAllMarkersFromMap();
     this.addAllCoordinatesToMap(this.filteredShops);
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 6b70dce..86beb70 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -28,6 +28,9 @@ body {
   background-repeat: no-repeat;
   background-attachment: fixed;
 }
+.mat-app-background {
+  background-color: rgba(221, 221, 221, 0.062);
+}
 
 /* TODO; Refactor and attempt to use Angular Material consistently */
 @include mat.all-component-themes($app-light-theme);
@@ -35,6 +38,9 @@ body {
 .dark-mode {
   @include mat.all-component-colors($app-dark-theme);
 
+  .mat-app-background {
+    background-color: rgba(0, 0, 0, 0.822);
+  }
   // account for non-mat elements.
   .business-registration__input,
   .business-registration__select {