diff --git a/http/file_server.ts b/http/file_server.ts
index 21482e747072ea70d7fd14a1322b08031bbaadb1..5ef891aa84fbb8dd05acfe4dc5bbcaf509f11954 100755
--- a/http/file_server.ts
+++ b/http/file_server.ts
@@ -162,7 +162,7 @@ async function serveDir(
     listEntry.push(
       createDirEntryDisplay(
         info.name,
-        fn,
+        fn.replace(currentDir, ""),
         info.isFile() ? info.len : null,
         mode,
         info.isDirectory()
diff --git a/http/file_server_test.ts b/http/file_server_test.ts
index 38071d3e4bd7b3db47feeeddf53785ab953cfdc2..578b0e6241e79e8dcd7ae3ecaa8046be6ca7da8b 100644
--- a/http/file_server_test.ts
+++ b/http/file_server_test.ts
@@ -56,6 +56,18 @@ test(async function serveDirectory(): Promise<void> {
     assert(res.headers.has("access-control-allow-headers"));
     const page = await res.text();
     assert(page.includes("azure-pipelines.yml"));
+
+    // `Deno.FileInfo` is not completely compatible with Windows yet
+    // TODO: `mode` should work correctly in the future. Correct this test case accordingly.
+    Deno.platform.os !== "win" &&
+      assert(/<td class="mode">\([a-zA-Z-]{10}\)<\/td>/.test(page));
+    Deno.platform.os === "win" &&
+      assert(/<td class="mode">\(unknown mode\)<\/td>/.test(page));
+    assert(
+      page.includes(
+        `<td><a href="/azure-pipelines.yml">azure-pipelines.yml</a></td>`
+      )
+    );
   } finally {
     killFileServer();
   }