diff --git a/src/router/index.js b/src/router/index.js
index 731793bb5d2946541b863e5853c18276c0d16292..2b1cc397dd149b643a25a2bd082fb9f464c5cbd9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -23,7 +23,7 @@ const routes = [
     component: Home,
   },
   {
-    path: "/image/:hash",
+    path: "/image/:flake",
     name: "ImageView",
     component: ImageView,
   },
diff --git a/src/views/ImageView.vue b/src/views/ImageView.vue
index 71b2ec1e6527d9452edd97a209fd83843d9a91c7..8a4c953184f7aa87a746b29a986ae43b9935c715 100644
--- a/src/views/ImageView.vue
+++ b/src/views/ImageView.vue
@@ -8,9 +8,11 @@
         </span>
       </div>
     </section>
-    <div id="image-container">
-      <img :src="`/api/image/${flake}/file`" alt="" />
-    </div>
+    <img
+      :src="`/api/image/${this.$route.params.flake}/file`"
+      alt=""
+      class="max-w-4xl ml-16"
+    />
   </div>
 </template>
 
@@ -28,7 +30,9 @@ export default {
   },
   methods: {
     async getImageTags() {
-      const response = await fetch(`/api/image/${this.flake}/tag`);
+      const response = await fetch(
+        `/api/image/${this.$route.params.flake}/tag`
+      );
       const imageTags = await response.json();
       return imageTags;
     },