diff --git a/src/components/DetailList.svelte b/src/components/DetailList.svelte
index dd51fdc..97fd137 100644
--- a/src/components/DetailList.svelte
+++ b/src/components/DetailList.svelte
@@ -6,9 +6,11 @@
   export let workspaces: string[] = [];
 
   const mergeWorkspacePath = (workspacePath: string) => {
-    return `${repoBlobPath}${
-      workspacePath === '.' ? '' : workspacePath + '/'
-    }${CARGO_TOML_FILE}`;
+    let path = workspacePath === '.' ? '' : workspacePath;
+    if (!path.endsWith('/')) {
+      path += '/';
+    }
+    return `${repoBlobPath}${path}${CARGO_TOML_FILE}`;
   };
 
   $: total = workspaces.length;
@@ -24,7 +26,7 @@
       <ul>
         {#each workspaces as workspace}
           <li class="Box-row d-flex flex-column flex-md-row">
-            <div class="d-flex flex-justify-start">
+            <div class="d-flex flex-justify-start flex-items-center css-truncate w-full">
               <svg
                 aria-hidden="true"
                 height="16"
@@ -38,7 +40,12 @@
                   d="M8.878.392a1.75 1.75 0 00-1.756 0l-5.25 3.045A1.75 1.75 0 001 4.951v6.098c0 .624.332 1.2.872 1.514l5.25 3.045a1.75 1.75 0 001.756 0l5.25-3.045c.54-.313.872-.89.872-1.514V4.951c0-.624-.332-1.2-.872-1.514L8.878.392zM7.875 1.69a.25.25 0 01.25 0l4.63 2.685L8 7.133 3.245 4.375l4.63-2.685zM2.5 5.677v5.372c0 .09.047.171.125.216l4.625 2.683V8.432L2.5 5.677zm6.25 8.271l4.625-2.683a.25.25 0 00.125-.216V5.677L8.75 8.432v5.516z"
                 />
               </svg>
-              <a href={mergeWorkspacePath(workspace)} rel="nofollow">
+              <a
+                href={mergeWorkspacePath(workspace)}
+                rel="nofollow"
+                title={workspace}
+                class="css-truncate-target !max-w-full"
+              >
                 <span class="px-2 text-bold">
                   {workspace}
                 </span>