diff --git a/base.css b/base.css
index 197f32e..78584c3 100644
--- a/base.css
+++ b/base.css
@@ -48,6 +48,7 @@ footer {
 	align-items: flex-end;
 
 	background-color: #e0e0e0;
+	padding-bottom: env(safe-area-inset-bottom, 0);
 }
 
 footer * {
@@ -80,6 +81,8 @@ header {
 	-webkit-app-region: drag;
 	app-region: drag;
 
+	background-color: white;
+
 	display: flex;
 	align-items: center;
 }
@@ -105,6 +108,10 @@ header.embedded {
 
 		filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(83deg) brightness(104%) contrast(101%);
 	}
+
+	.header-placeholder {
+		background-color: #0000ff;
+	}
 }
 
 header .left, header .right {
diff --git a/sw.js b/sw.js
index 8c7c75c..3d1cbf8 100755
--- a/sw.js
+++ b/sw.js
@@ -1,4 +1,4 @@
-const VERSION = 'v29'
+const VERSION = 'v30'
 const API_ORIGIN = 'https://scraper.infotren.dcdev.ro/'
 const API_TRAINS = `${API_ORIGIN}v3/trains`
 const API_STATIONS = `${API_ORIGIN}v3/stations`