diff --git a/assets/css/index.css b/assets/css/index.css
index bb526f1..002b336 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -187,23 +187,23 @@ body {
 }
 
 canvas {
-  cursor: url("../images/pencil.png"), auto;
+  cursor: url("/assets/images/pencil.png"), auto;
 }
 
 canvas#pencil {
-  cursor: url("../images/pencil.png"), auto;
+  cursor: url("/assets/images/pencil.png"), auto;
 }
 
 canvas#brush {
-  cursor: url("../images/brush.png"), auto;
+  cursor: url("/assets/images/brush.png"), auto;
 }
 
 canvas#eraser {
-  cursor: url("../images/eraser.png"), auto;
+  cursor: url("/assets/images/eraser.png"), auto;
 }
 
 canvas#bucket {
-  cursor: url("../images/bucket.png"), auto;
+  cursor: url("/assets/images/bucket.png"), auto;
 }
 
 canvas#rectangle,
diff --git a/index.html b/index.html
index 931dde5..1ae359c 100644
--- a/index.html
+++ b/index.html
@@ -88,11 +88,11 @@
     <!-- title -->
     <title>🎨 Plot</title>
     <!-- styles -->
-    <link rel="stylesheet" href="./assets/css/index.css" />
+    <link rel="stylesheet" href="assets/css/index.css" />
     <!-- scripts -->
-    <script src="./assets/js/utils.js" defer></script>
-    <script src="./assets/js/app.js" defer></script>
-    <script src="./assets/js/index.js" defer></script>
+    <script src="assets/js/utils.js" defer></script>
+    <script src="assets/js/app.js" defer></script>
+    <script src="assets/js/index.js" defer></script>
   </head>
   <body>
     <!-- top action bar -->
@@ -118,20 +118,20 @@
         <div class="tools">
           <!-- pencil -->
           <div class="tool active" id="pencil">
-            <img src="./assets/images/pencil.png" alt="pencil" />
+            <img src="/assets/images/pencil.png" alt="pencil" />
           </div>
           <!-- brush -->
           <div class="tool" id="brush">
-            <img src="./assets/images/brush.png" alt="brush" />
+            <img src="/assets/images/brush.png" alt="brush" />
           </div>
           <!-- eraser -->
           <!-- TODO: https://github.com/GDSC-IIIT-Kalyani/Plot/issues/17 -->
           <div class="tool" id="eraser">
-            <img src="./assets/images/eraser.png" alt="eraser" />
+            <img src="/assets/images/eraser.png" alt="eraser" />
           </div>
           <!-- bucket -->
           <div class="tool" id="bucket">
-            <img src="./assets/images/bucket.svg" alt="bucket" />
+            <img src="/assets/images/bucket.svg" alt="bucket" />
           </div>
         </div>
         <!-- group title -->
@@ -143,15 +143,15 @@
         <div class="tools">
           <!-- rectangle -->
           <div class="tool" id="rectangle">
-            <img src="./assets/images/rectangle.svg" alt="rectangle" />
+            <img src="/assets/images/rectangle.svg" alt="rectangle" />
           </div>
           <!-- circle -->
           <div class="tool" id="circle">
-            <img src="./assets/images/circle.svg" alt="circle" />
+            <img src="/assets/images/circle.svg" alt="circle" />
           </div>
           <!-- triangle -->
           <div class="tool" id="triangle">
-            <img src="./assets/images/triangle.svg" alt="triangle" />
+            <img src="/assets/images/triangle.svg" alt="triangle" />
           </div>
         </div>
         <!-- group title -->
