diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css
index 9dbc1bf63..f952f6aad 100644
--- a/packages/ui/src/components/session-turn.css
+++ b/packages/ui/src/components/session-turn.css
@@ -182,12 +182,11 @@
   }
 
   [data-slot="session-turn-diff-path"] {
-    display: inline-flex;
+    display: flex;
     min-width: 0;
     align-items: baseline;
     overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+
     font-family: var(--font-family-sans);
     font-size: var(--font-size-small);
     line-height: var(--line-height-large);
@@ -195,6 +194,13 @@
 
   [data-slot="session-turn-diff-directory"] {
     color: var(--text-weak);
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    direction: rtl;
+    unicode-bidi: plaintext;
+    text-align: left;
   }
 
   [data-slot="session-turn-diff-filename"] {
diff --git a/packages/ui/src/components/session-turn.tsx b/packages/ui/src/components/session-turn.tsx
index 191daa1e3..e0f934cd5 100644
--- a/packages/ui/src/components/session-turn.tsx
+++ b/packages/ui/src/components/session-turn.tsx
@@ -352,7 +352,7 @@ export function SessionTurn(
                                               <span data-slot="session-turn-diff-path">
                                                 <Show when={diff.file.includes("/")}>
                                                   <span data-slot="session-turn-diff-directory">
-                                                    {getDirectory(diff.file)}
+                                                    {`\u202A${getDirectory(diff.file)}\u202C`}
                                                   </span>
                                                 </Show>
                                                 <span data-slot="session-turn-diff-filename">