diff --git a/css/fonts.css b/css/fonts.css
index afdc8a7..219997c 100644
--- a/css/fonts.css
+++ b/css/fonts.css
@@ -1,4 +1,4 @@
 @font-face {
 	font-family: "Open Sans", sans-serif;
-	src: url("/res/fonts/OpenSans.ttf") format("truetype");
+	src: url("../res/fonts/OpenSans.ttf") format("truetype");
 }
diff --git a/css/icons.css b/css/icons.css
index 2249b6e..a3b8ca9 100644
--- a/css/icons.css
+++ b/css/icons.css
@@ -1,44 +1,44 @@
 .ui.icon > .icon-eye-off {
-	-webkit-mask-image: url("/res/icons/eye-off.svg");
-	mask-image: url("/res/icons/eye-off.svg");
+	-webkit-mask-image: url("../res/icons/eye-off.svg");
+	mask-image: url("../res/icons/eye-off.svg");
 }
 
 .ui.icon > .icon-eye {
-	-webkit-mask-image: url("/res/icons/eye.svg");
-	mask-image: url("/res/icons/eye.svg");
+	-webkit-mask-image: url("../res/icons/eye.svg");
+	mask-image: url("../res/icons/eye.svg");
 }
 
 .ui.icon > .icon-file-plus {
-	-webkit-mask-image: url("/res/icons/file-plus.svg");
-	mask-image: url("/res/icons/file-plus.svg");
+	-webkit-mask-image: url("../res/icons/file-plus.svg");
+	mask-image: url("../res/icons/file-plus.svg");
 }
 
 .ui.icon > .icon-file-x {
-	-webkit-mask-image: url("/res/icons/file-x.svg");
-	mask-image: url("/res/icons/file-x.svg");
+	-webkit-mask-image: url("../res/icons/file-x.svg");
+	mask-image: url("../res/icons/file-x.svg");
 }
 
 .ui.icon > .icon-chevron-down {
-	-webkit-mask-image: url("/res/icons/chevron-down.svg");
-	mask-image: url("/res/icons/chevron-down.svg");
+	-webkit-mask-image: url("../res/icons/chevron-down.svg");
+	mask-image: url("../res/icons/chevron-down.svg");
 }
 
 .ui.icon > .icon-chevron-up {
-	-webkit-mask-image: url("/res/icons/chevron-up.svg");
-	mask-image: url("/res/icons/chevron-up.svg");
+	-webkit-mask-image: url("../res/icons/chevron-up.svg");
+	mask-image: url("../res/icons/chevron-up.svg");
 }
 .ui.icon > .icon-chevron-first {
-	-webkit-mask-image: url("/res/icons/chevron-first.svg");
-	mask-image: url("/res/icons/chevron-first.svg");
+	-webkit-mask-image: url("../res/icons/chevron-first.svg");
+	mask-image: url("../res/icons/chevron-first.svg");
 }
 
 .ui.icon > .icon-chevron-flat-down {
-	-webkit-mask-image: url("/res/icons/chevron-first.svg");
-	mask-image: url("/res/icons/chevron-first.svg");
+	-webkit-mask-image: url("../res/icons/chevron-first.svg");
+	mask-image: url("../res/icons/chevron-first.svg");
 	transform: rotate(-90deg);
 }
 
 .ui.icon > .icon-settings {
-	-webkit-mask-image: url("/res/icons/settings.svg");
-	mask-image: url("/res/icons/settings.svg");
+	-webkit-mask-image: url("../res/icons/settings.svg");
+	mask-image: url("../res/icons/settings.svg");
 }
diff --git a/css/index.css b/css/index.css
index 3a36855..cd43ba3 100644
--- a/css/index.css
+++ b/css/index.css
@@ -55,8 +55,8 @@ body {
 	height: 21px;
 
 	background-color: var(--c-text);
-	mask-image: url("/res/icons/chevron-up.svg");
-	-webkit-mask-image: url("/res/icons/chevron-up.svg");
+	mask-image: url("../res/icons/chevron-up.svg");
+	-webkit-mask-image: url("../res/icons/chevron-up.svg");
 	mask-size: contain;
 	-webkit-mask-size: contain;
 	rotate: 90deg;
@@ -154,8 +154,8 @@ body {
 	width: 25px;
 	height: 25px;
 
-	-webkit-mask-image: url("/res/icons/x.svg");
-	mask-image: url("/res/icons/x.svg");
+	-webkit-mask-image: url("../res/icons/x.svg");
+	mask-image: url("../res/icons/x.svg");
 
 	background-color: var(--c-text);
 }
@@ -423,18 +423,18 @@ div.prompt-wrapper > .prompt-indicator::after {
 }
 
 div.prompt-wrapper > .prompt-indicator.positive::after {
-	mask-image: url("/res/icons/plus-square.svg");
-	-webkit-mask-image: url("/res/icons/plus-square.svg");
+	mask-image: url("../res/icons/plus-square.svg");
+	-webkit-mask-image: url("../res/icons/plus-square.svg");
 }
 
 div.prompt-wrapper > .prompt-indicator.negative::after {
-	mask-image: url("/res/icons/minus-square.svg");
-	-webkit-mask-image: url("/res/icons/minus-square.svg");
+	mask-image: url("../res/icons/minus-square.svg");
+	-webkit-mask-image: url("../res/icons/minus-square.svg");
 }
 
 div.prompt-wrapper > .prompt-indicator.styles::after {
-	mask-image: url("/res/icons/library.svg");
-	-webkit-mask-image: url("/res/icons/library.svg");
+	mask-image: url("../res/icons/library.svg");
+	-webkit-mask-image: url("../res/icons/library.svg");
 }
 
 .prompt-history-wrapper {
@@ -561,8 +561,8 @@ button.prompt-history-btn::after {
 	mask-size: contain;
 	-webkit-mask-size: contain;
 
-	mask-image: url("/res/icons/history.svg");
-	-webkit-mask-image: url("/res/icons/history.svg");
+	mask-image: url("../res/icons/history.svg");
+	-webkit-mask-image: url("../res/icons/history.svg");
 }
 
 button.prompt-history-btn:hover {
diff --git a/css/ui/generic.css b/css/ui/generic.css
index df694ec..ca8f67f 100644
--- a/css/ui/generic.css
+++ b/css/ui/generic.css
@@ -157,9 +157,9 @@ div.autocomplete > .autocomplete-list > .autocomplete-option.selected::after {
 
 	background-color: darkgreen;
 
-	-webkit-mask-image: url("/res/icons/check.svg");
+	-webkit-mask-image: url("../../res/icons/check.svg");
 	-webkit-mask-size: contain;
-	mask-image: url("/res/icons/check.svg");
+	mask-image: url("../../res/icons/check.svg");
 	mask-size: contain;
 }
 
@@ -176,9 +176,9 @@ select > option:checked::after {
 
 	background-color: darkgreen;
 
-	-webkit-mask-image: url("/res/icons/check.svg");
+	-webkit-mask-image: url("../../res/icons/check.svg");
 	-webkit-mask-size: contain;
-	mask-image: url("/res/icons/check.svg");
+	mask-image: url("../../res/icons/check.svg");
 	mask-size: contain;
 }
 /*************/
@@ -332,16 +332,16 @@ select > option:checked::after {
 
 /* Generic buttons */
 .list .actions > .delete-btn > *:first-child {
-	-webkit-mask-image: url("/res/icons/trash.svg");
-	mask-image: url("/res/icons/trash.svg");
+	-webkit-mask-image: url("../../res/icons/trash.svg");
+	mask-image: url("../../res/icons/trash.svg");
 }
 
 .list .actions > .rename-btn > *:first-child {
-	-webkit-mask-image: url("/res/icons/edit.svg");
-	mask-image: url("/res/icons/edit.svg");
+	-webkit-mask-image: url("../../res/icons/edit.svg");
+	mask-image: url("../../res/icons/edit.svg");
 }
 
 .list .actions > .download-btn > *:first-child {
-	-webkit-mask-image: url("/res/icons/download.svg");
-	mask-image: url("/res/icons/download.svg");
+	-webkit-mask-image: url("../../res/icons/download.svg");
+	mask-image: url("../../res/icons/download.svg");
 }
diff --git a/css/ui/layers.css b/css/ui/layers.css
index cadf9c1..c433b9c 100644
--- a/css/ui/layers.css
+++ b/css/ui/layers.css
@@ -99,22 +99,22 @@
 }
 
 #layer-list .actions > .rename-btn > *:first-child {
-	-webkit-mask-image: url("/res/icons/edit.svg");
-	mask-image: url("/res/icons/edit.svg");
+	-webkit-mask-image: url("../../res/icons/edit.svg");
+	mask-image: url("../../res/icons/edit.svg");
 }
 
 #layer-list .actions > .delete-btn > *:first-child {
-	-webkit-mask-image: url("/res/icons/trash.svg");
-	mask-image: url("/res/icons/trash.svg");
+	-webkit-mask-image: url("../../res/icons/trash.svg");
+	mask-image: url("../../res/icons/trash.svg");
 }
 
 #layer-list .actions > .hide-btn > *:first-child {
-	-webkit-mask-image: url("/res/icons/eye.svg");
-	mask-image: url("/res/icons/eye.svg");
+	-webkit-mask-image: url("../../res/icons/eye.svg");
+	mask-image: url("../../res/icons/eye.svg");
 }
 #layer-list .hidden .actions > .hide-btn > *:first-child {
-	-webkit-mask-image: url("/res/icons/eye-off.svg");
-	mask-image: url("/res/icons/eye-off.svg");
+	-webkit-mask-image: url("../../res/icons/eye-off.svg");
+	mask-image: url("../../res/icons/eye-off.svg");
 }
 
 .layer-manager > .separator {
@@ -158,7 +158,7 @@
 
 	background-color: #293d3d77;
 
-	mask-image: url("/res/icons/chevron-up.svg");
+	mask-image: url("../../res/icons/chevron-up.svg");
 	mask-size: contain;
 
 	width: 60px;
diff --git a/css/ui/tool/colorbrush.css b/css/ui/tool/colorbrush.css
index ce7640e..86ef2d1 100644
--- a/css/ui/tool/colorbrush.css
+++ b/css/ui/tool/colorbrush.css
@@ -35,7 +35,7 @@
 
 	border: 0;
 
-	background-image: url("/res/icons/pipette.svg");
+	background-image: url("./res/icons/pipette.svg");
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: contain;
diff --git a/css/ui/toolbar.css b/css/ui/toolbar.css
index 52bd9bb..fa27b5f 100644
--- a/css/ui/toolbar.css
+++ b/css/ui/toolbar.css
@@ -51,9 +51,9 @@
 
 	background-color: red;
 
-	-webkit-mask-image: url("/res/icons/lock.svg");
+	-webkit-mask-image: url("../../res/icons/lock.svg");
 	-webkit-mask-size: contain;
-	mask-image: url("/res/icons/lock.svg");
+	mask-image: url("../../res/icons/lock.svg");
 	mask-size: contain;
 }
 
diff --git a/js/ui/tool/colorbrush.js b/js/ui/tool/colorbrush.js
index da27659..b576b18 100644
--- a/js/ui/tool/colorbrush.js
+++ b/js/ui/tool/colorbrush.js
@@ -37,7 +37,7 @@ const _color_brush_erase_callback = (evn, state, ctx) => {
 
 const colorBrushTool = () =>
 	toolbar.registerTool(
-		"/res/icons/brush.svg",
+		"./res/icons/brush.svg",
 		"Color Brush",
 		(state, opt) => {
 			// Draw new cursor immediately
diff --git a/js/ui/tool/dream.js b/js/ui/tool/dream.js
index 106128e..94e96b8 100644
--- a/js/ui/tool/dream.js
+++ b/js/ui/tool/dream.js
@@ -1071,7 +1071,7 @@ const _dream_onwheel = (evn, state) => {
  */
 const dreamTool = () =>
 	toolbar.registerTool(
-		"/res/icons/image-plus.svg",
+		"./res/icons/image-plus.svg",
 		"Dream",
 		(state, opt) => {
 			// Draw new cursor immediately
@@ -1426,7 +1426,7 @@ const dreamTool = () =>
 
 const img2imgTool = () =>
 	toolbar.registerTool(
-		"/res/icons/image.svg",
+		"./res/icons/image.svg",
 		"Img2Img",
 		(state, opt) => {
 			// Draw new cursor immediately
diff --git a/js/ui/tool/interrogate.js b/js/ui/tool/interrogate.js
index 2818196..f39528f 100644
--- a/js/ui/tool/interrogate.js
+++ b/js/ui/tool/interrogate.js
@@ -1,6 +1,6 @@
 const interrogateTool = () =>
 	toolbar.registerTool(
-		"/res/icons/microscope.svg",
+		"./res/icons/microscope.svg",
 		"Interrogate",
 		(state, opt) => {
 			// Draw new cursor immediately
diff --git a/js/ui/tool/maskbrush.js b/js/ui/tool/maskbrush.js
index 46cb7cd..35da787 100644
--- a/js/ui/tool/maskbrush.js
+++ b/js/ui/tool/maskbrush.js
@@ -61,7 +61,7 @@ const _mask_brush_erase_callback = (evn, state, opacity = 100) => {
 
 const maskBrushTool = () =>
 	toolbar.registerTool(
-		"/res/icons/paintbrush.svg",
+		"./res/icons/paintbrush.svg",
 		"Mask Brush",
 		(state, opt) => {
 			// Draw new cursor immediately
diff --git a/js/ui/tool/select.js b/js/ui/tool/select.js
index dd228f3..d7c7e92 100644
--- a/js/ui/tool/select.js
+++ b/js/ui/tool/select.js
@@ -1,6 +1,6 @@
 const selectTransformTool = () =>
 	toolbar.registerTool(
-		"/res/icons/box-select.svg",
+		"./res/icons/box-select.svg",
 		"Select Image",
 		(state, opt) => {
 			// Draw new cursor immediately
diff --git a/js/ui/tool/stamp.js b/js/ui/tool/stamp.js
index 47af52d..9f45c08 100644
--- a/js/ui/tool/stamp.js
+++ b/js/ui/tool/stamp.js
@@ -1,6 +1,6 @@
 const stampTool = () =>
 	toolbar.registerTool(
-		"/res/icons/file-up.svg",
+		"./res/icons/file-up.svg",
 		"Stamp Image",
 		(state, opt) => {
 			state.loaded = true;