diff --git a/www/assets/css/app.css b/www/assets/css/app.css
index 12f1987..b8e8ecb 100644
--- a/www/assets/css/app.css
+++ b/www/assets/css/app.css
@@ -184,4 +184,22 @@ Framework7 and FontAwesome both have a .fab class
 
 .card.pointercursor {
     cursor: pointer;
+}
+
+.mapboxgl-popup-content {
+    color: var(--f7-text-color);
+    background-color: var(--f7-page-bg-color);
+}
+
+.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
+    border-bottom-color: var(--f7-page-bg-color);
+}
+.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip, .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip, .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
+    border-top-color: var(--f7-page-bg-color);
+}
+.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
+    border-right-color: var(--f7-page-bg-color);
+}
+.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
+    border-left-color: var(--f7-page-bg-color);
 }
\ No newline at end of file