diff --git a/web/src/client/components/file-browser.ts b/web/src/client/components/file-browser.ts
index 6a972329..ab3bec5d 100644
--- a/web/src/client/components/file-browser.ts
+++ b/web/src/client/components/file-browser.ts
@@ -20,7 +20,7 @@ import {
   UIIcons,
 } from '../utils/file-icons.js';
 import { createLogger } from '../utils/logger.js';
-import { copyToClipboard } from '../utils/path-utils.js';
+import { copyToClipboard, formatPathForDisplay } from '../utils/path-utils.js';
 import type { Session } from './session-list.js';
 import './monaco-editor.js';
 
@@ -562,7 +562,7 @@ export class FileBrowser extends LitElement {
                         } (click to edit)"
                         @click=${this.handlePathClick}
                       >
-                        ${this.currentFullPath || this.currentPath || 'File Browser'}
+                        ${formatPathForDisplay(this.currentFullPath || this.currentPath || 'File Browser')}
                       </div>
                     `
                 }
diff --git a/web/src/client/components/session-create-form.ts b/web/src/client/components/session-create-form.ts
index dfc2aa0e..abb67bec 100644
--- a/web/src/client/components/session-create-form.ts
+++ b/web/src/client/components/session-create-form.ts
@@ -16,6 +16,7 @@ import { customElement, property, state } from 'lit/decorators.js';
 import './file-browser.js';
 import type { AuthClient } from '../services/auth-client.js';
 import { createLogger } from '../utils/logger.js';
+import { formatPathForDisplay } from '../utils/path-utils.js';
 import type { Session } from './session-list.js';
 
 const logger = createLogger('session-create-form');
@@ -389,7 +390,7 @@ export class SessionCreateForm extends LitElement {
                 <input
                   type="text"
                   class="input-field"
-                  .value=${this.workingDir}
+                  .value=${formatPathForDisplay(this.workingDir)}
                   @input=${this.handleWorkingDirChange}
                   placeholder="~/"
                   ?disabled=${this.disabled || this.isCreating}