diff --git a/index.html b/index.html
index b51e68e..3fc6137 100644
--- a/index.html
+++ b/index.html
@@ -13,8 +13,8 @@
       name="description"
       content="Interactive TSNE plots of query + key vectors generated from BERT"
     />
-    <meta property="og:image" content="img/socimg.png" />
-    <link rel="icon" type="image/png" href="img/fav.png" />
+    <meta property="og:image" content="./img/socimg.png" />
+    <link rel="icon" type="image/png" href="./img/fav.png" />
 
     <!-- Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
diff --git a/main.js b/main.js
index 43049fd..7fdc5be 100644
--- a/main.js
+++ b/main.js
@@ -15,7 +15,7 @@ function load_graph(layer, head) {
     graph.html("<p class='emphasis loading'>loading...</p>"); // clear content + loading message
 
     // change graph displayed on UI
-    let directory = "plots/";
+    let directory = "./plots/";
     graph.load(directory + "layer" + layer + "_head" + head + ".html");
     attn_filter.fadeIn();
 }
@@ -48,9 +48,9 @@ function load_single_view(plot) {
 }
 
 function create_matrix(matrix, umap) {
-    let directory = "plot_imgs/";
+    let directory = "./plot_imgs/";
     if (umap) { // switch directory for umap
-        directory = "umap_imgs/";
+        directory = "./umap_imgs/";
     }
     // generate matrix of all plots
     let head_label = $("<p class='axis-label'><span class='head-axis'>head →</span><span class='layer-axis'>layer ↓</span></p>");