diff --git a/ui/src/i18n/locales/en.ts b/ui/src/i18n/locales/en.ts
index 4bc8b3f68b0..fced23a7992 100644
--- a/ui/src/i18n/locales/en.ts
+++ b/ui/src/i18n/locales/en.ts
@@ -296,6 +296,12 @@ export const en: TranslationMap = {
       clearGrounded: "Clear Grounded",
       working: "Working…",
     },
+    phase: {
+      light: "Light",
+      deep: "Deep",
+      rem: "Rem",
+      off: "off",
+    },
     stats: {
       shortTerm: "Short-term",
       grounded: "Grounded",
diff --git a/ui/src/ui/views/dreaming.ts b/ui/src/ui/views/dreaming.ts
index e113123d7f7..c4b0f59fffe 100644
--- a/ui/src/ui/views/dreaming.ts
+++ b/ui/src/ui/views/dreaming.ts
@@ -583,12 +583,12 @@ function renderScene(props: DreamingProps, idle: boolean, dreamText: string) {
           const phase = props.phases?.[phaseId as keyof NonNullable<typeof props.phases>];
           const enabled = phase?.enabled ?? false;
           const nextRun = formatPhaseNextRun(phase?.nextRunAtMs);
-          const label = phaseId.charAt(0).toUpperCase() + phaseId.slice(1);
+          const label = t(`dreaming.phase.${phaseId}` as any);
           return html`
             <div class="dreams__phase ${enabled ? "" : "dreams__phase--off"}">
               <div class="dreams__phase-dot ${enabled ? "dreams__phase-dot--on" : ""}"></div>
               <span class="dreams__phase-name">${label}</span>
-              <span class="dreams__phase-next">${enabled ? nextRun : "off"}</span>
+              <span class="dreams__phase-next">${enabled ? nextRun : t("dreaming.phase.off")}</span>
             </div>
           `;
         })}