diff --git a/src/scss/global/_fonts.scss b/src/scss/global/_fonts.scss
index 8f85a58..3f931a2 100644
--- a/src/scss/global/_fonts.scss
+++ b/src/scss/global/_fonts.scss
@@ -2,33 +2,33 @@
     font-family: "Lora";
     font-style: normal;
     font-weight: normal;
-    src: local("Lora"), url("/systems/ds4/fonts/Lora/Lora.woff") format("woff");
+    src: local("Lora"), url("../fonts/Lora/Lora.woff") format("woff");
 }
 
 @font-face {
     font-family: "Lora";
     font-style: normal;
     font-weight: bold;
-    src: local("Lora"), url("/systems/ds4/fonts/Lora/Lora-Bold.woff") format("woff");
+    src: local("Lora"), url("../fonts/Lora/Lora-Bold.woff") format("woff");
 }
 
 @font-face {
     font-family: "Lora";
     font-style: italic;
     font-weight: normal;
-    src: local("Lora"), url("/systems/ds4/fonts/Lora/Lora-Italic.woff") format("woff");
+    src: local("Lora"), url("../fonts/Lora/Lora-Italic.woff") format("woff");
 }
 
 @font-face {
     font-family: "Lora";
     font-style: italic;
     font-weight: bold;
-    src: local("Lora"), url("/systems/ds4/fonts/Lora/Lora-BoldItalic.woff") format("woff");
+    src: local("Lora"), url("../fonts/Lora/Lora-BoldItalic.woff") format("woff");
 }
 
 @font-face {
     font-family: "Wood Stamp";
     font-style: normal;
     font-weight: normal;
-    src: local("Wood Stamp"), url("/systems/ds4/fonts/Woodstamp/Woodstamp.woff") format("woff");
+    src: local("Wood Stamp"), url("../fonts/Woodstamp/Woodstamp.woff") format("woff");
 }
diff --git a/src/scss/utils/_variables.scss b/src/scss/utils/_variables.scss
index 0a8d4fc..2a47a3b 100644
--- a/src/scss/utils/_variables.scss
+++ b/src/scss/utils/_variables.scss
@@ -9,6 +9,6 @@ $margin-lg: $padding-lg;
 
 $default-input-height: 26px;
 
-$official-icons-path: "/systems/ds4/assets/icons/official";
+$official-icons-path: "../assets/icons/official";
 
 $border-groove: 2px groove colors.$c-border-groove;