diff --git a/packages/ui/src/components/session/DirectoryExplorerDialog.tsx b/packages/ui/src/components/session/DirectoryExplorerDialog.tsx
index ba9d7bb6..c5274f08 100644
--- a/packages/ui/src/components/session/DirectoryExplorerDialog.tsx
+++ b/packages/ui/src/components/session/DirectoryExplorerDialog.tsx
@@ -616,7 +616,7 @@ export const DirectoryExplorerDialog: React.FC<DirectoryExplorerDialogProps> = (
           </div>
         ) : browseErrorReason && browseErrorReason !== 'not-found' ? (
           <div className="flex flex-col items-center gap-3 px-4 py-10 text-center">
-            <div className="typography-ui-label text-[var(--status-error-foreground)]">
+            <div className="typography-ui-label text-status-error">
               {browseErrorReason === 'os-permission'
                 ? t('directoryExplorerDialog.browse.permissionDenied')
                 : t('directoryExplorerDialog.browse.loadFailed')}
diff --git a/packages/ui/src/components/session/sidebar/SessionGroupSection.tsx b/packages/ui/src/components/session/sidebar/SessionGroupSection.tsx
index 1a7e7304..a4405a0b 100644
--- a/packages/ui/src/components/session/sidebar/SessionGroupSection.tsx
+++ b/packages/ui/src/components/session/sidebar/SessionGroupSection.tsx
@@ -1052,7 +1052,7 @@ function SessionGroupSectionBase(props: Props): React.ReactNode {
         </div>
       ) : null}
       {totalSessions > 0 && bootstrapFailureNotice ? (
-        <div className="py-1 pl-[26px] text-left typography-micro text-[var(--status-error-foreground)]">
+        <div className="py-1 pl-[26px] text-left typography-micro text-status-error">
           {bootstrapFailureNotice}
         </div>
       ) : null}