diff --git a/scss/custom/_global.scss b/scss/custom/_global.scss
index 7cd1a29..6f48698 100644
--- a/scss/custom/_global.scss
+++ b/scss/custom/_global.scss
@@ -66,7 +66,7 @@
 }
 
 #page-header {
-    background: get-color("skyblue") url('data: image/svg+xml;utf8,<svg width="800" height="300" xmlns="http://www.w3.org/2000/svg"><circle cx="420" cy="440" r="300" fill="#FDF7E7" /><circle cx="700" cy="510" r="300" fill="#FDF7E7" /><circle cx="-100" cy="510" r="300" fill="#FDF7E7" /><circle cx="150" cy="380" r="150" fill="#FDF7E7" /></svg>');
+    background: get-color("skyblue") url("data:image/svg+xml,%3Csvg width='800' height='300' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='420' cy='440' r='300' fill='%23FDF7E7' /%3E%3Ccircle cx='700' cy='510' r='300' fill='%23FDF7E7' /%3E%3Ccircle cx='-100' cy='510' r='300' fill='%23FDF7E7' /%3E%3Ccircle cx='150' cy='380' r='150' fill='%23FDF7E7' /%3E%3C/svg%3E");
     border-top: 6px solid get-color("dark");
     background-position: bottom center;
     background-repeat: repeat-x;