diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index aa3781c..8a0f73f 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -1,7 +1,7 @@
 .home-background {
   background-size: contain, cover;
   background-repeat: no-repeat;
-  background-image: url("~assets/monitor-assets/home/lighthouse.png"), url("~assets/monitor-assets/home/background.svg");
+  background-image: url("/assets/monitor-assets/home/lighthouse.png"), url("/assets/monitor-assets/home/background.svg");
   background-blend-mode: darken;
 }
 
@@ -9,12 +9,12 @@
   .home-background {
     background-size: cover;
     background-repeat: no-repeat;
-    background-image: url("~assets/monitor-assets/home/background.svg");
+    background-image: url("/assets/monitor-assets/home/background.svg");
   }
 }
 
 .dashboard-section{
-  background-image: url("~assets/monitor-assets/home/graph-background.svg");
+  background-image: url("/assets/monitor-assets/home/graph-background.svg");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: left center;
@@ -29,7 +29,7 @@
 
 .dashboard-section .dashboard {
   transform: translateY(-50%);
-  background-image: url("~assets/monitor-assets/home/dashboard.png");
+  background-image: url("/assets/monitor-assets/home/dashboard.png");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
@@ -45,7 +45,7 @@
 }
 
 .dashboard-section .dashboard .captain-left {
-  background-image: url("~assets/monitor-assets/home/captain-left.png");
+  background-image: url("/assets/monitor-assets/home/captain-left.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: top center;
@@ -58,7 +58,7 @@
 
 
 .dashboard-section .dashboard .captain-right {
-  background-image: url("~assets/monitor-assets/home/captain-right.png");
+  background-image: url("/assets/monitor-assets/home/captain-right.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: top center;
@@ -109,7 +109,7 @@
 
 @media (min-width: 960px) and (max-width: 1199px){
   .boat-section {
-    background-image: url("~assets/monitor-assets/home/boat.png");
+    background-image: url("/assets/monitor-assets/home/boat.png");
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 30% ;
@@ -123,7 +123,7 @@
 }
 
 .boat-section .boat {
-  background-image: url("~assets/monitor-assets/home/boat.png");
+  background-image: url("/assets/monitor-assets/home/boat.png");
   background-size: contain;
   background-repeat: no-repeat;
   margin: 0 0 -30px 50%;
@@ -151,7 +151,7 @@
 }
 
 .graph-section {
-  background-image: url("~assets/monitor-assets/home/graph-background.svg");
+  background-image: url("/assets/monitor-assets/home/graph-background.svg");
   background-size: cover;
   background-repeat: no-repeat;
 }
diff --git a/src/app/learn-how/learn-how.component.css b/src/app/learn-how/learn-how.component.css
index 43babe3..fe9897f 100644
--- a/src/app/learn-how/learn-how.component.css
+++ b/src/app/learn-how/learn-how.component.css
@@ -17,7 +17,7 @@
 }
 
 .steps.uk-visible\@l .first-arrow {
-  background-image: url("~assets/monitor-assets/about/arrow-1.svg");
+  background-image: url("/assets/monitor-assets/about/arrow-1.svg");
   background-size: contain;
   background-repeat: no-repeat;
   position: absolute;
@@ -35,7 +35,7 @@
 }
 
 .steps.uk-visible\@l .second-arrow {
-  background-image: url("~assets/monitor-assets/about/arrow-2.svg");
+  background-image: url("/assets/monitor-assets/about/arrow-2.svg");
   background-size: contain;
   background-repeat: no-repeat;
   position: absolute;
@@ -53,7 +53,7 @@
 }
 
 .steps.uk-visible\@l .third-arrow {
-  background-image: url("~assets/monitor-assets/about/arrow-3.svg");
+  background-image: url("/assets/monitor-assets/about/arrow-3.svg");
   background-size: contain;
   background-repeat: no-repeat;
   position: absolute;
@@ -71,7 +71,7 @@
 }
 
 .steps.uk-visible\@l .forth-arrow {
-  background-image: url("~assets/monitor-assets/about/arrow-4.svg");
+  background-image: url("/assets/monitor-assets/about/arrow-4.svg");
   background-size: contain;
   background-repeat: no-repeat;
   position: absolute;