diff --git a/src/core/login/pages/init/init.scss b/src/core/login/pages/init/init.scss
index f456779df..f50f047fe 100644
--- a/src/core/login/pages/init/init.scss
+++ b/src/core/login/pages/init/init.scss
@@ -17,7 +17,7 @@ ion-app.app-root page-core-login-init {
         text-align: center;
         vertical-align: middle;
 
-        background-image: url('/assets/img/splash.png');
+        background-image: url("#{$assets-path}/img/splash.png");
         background-repeat: no-repeat;
         background-size: 100%;
         background-size: $core-splash-bgsize;
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index 919afa355..448394214 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -4,6 +4,7 @@
 // Font path is used to include ionicons,
 // roboto, and noto sans fonts
 $font-path: "../assets/fonts";
+$assets-path: "../assets";
 
 // The app direction is used to include
 // rtl styles in your app. For more info, please see: