diff --git a/packages/blocks/src/blocks/appearance/controller.tsx b/packages/blocks/src/blocks/appearance/controller.tsx
index 734fd6b..8750daa 100644
--- a/packages/blocks/src/blocks/appearance/controller.tsx
+++ b/packages/blocks/src/blocks/appearance/controller.tsx
@@ -1,6 +1,6 @@
 import { useCallback, useState } from "react"
 import { useHotkey } from "@tanstack/react-hotkeys"
-import { useMessage } from "@workspace/i18n"
+import { LocalizedText, useMessage } from "@workspace/i18n"
 import { useResolvedTheme, useUiState } from "./ui-state"
 import {
   Dialog,
@@ -16,7 +16,6 @@ import {
 import { appearanceDialogHandle } from "./dialog"
 import { CompactPreference, ModePreference } from "./preferences"
 import { ThemeConfigPanel } from "./theme-config-panel"
-import { LocalizedText } from "../../components/localized-text"
 import { appearanceMessages } from "./messages"
 
 interface AppearanceHotkeysProps {
diff --git a/packages/blocks/src/blocks/appearance/preferences.tsx b/packages/blocks/src/blocks/appearance/preferences.tsx
index d63b1b7..cbccf63 100644
--- a/packages/blocks/src/blocks/appearance/preferences.tsx
+++ b/packages/blocks/src/blocks/appearance/preferences.tsx
@@ -1,5 +1,5 @@
 import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react"
-import { useMessage } from "@workspace/i18n"
+import { LocalizedText, useMessage } from "@workspace/i18n"
 import {
   Select,
   SelectContent,
@@ -11,7 +11,6 @@ import { Switch } from "@workspace/ui/components/switch"
 
 import type { ThemeMode } from "./state"
 import { useUiState } from "./ui-state"
-import { LocalizedText } from "../../components/localized-text"
 import { appearanceMessages } from "./messages"
 
 function ModeIcon({ mode }: { mode: ThemeMode | null }) {
diff --git a/packages/blocks/src/blocks/appearance/theme-config-panel.tsx b/packages/blocks/src/blocks/appearance/theme-config-panel.tsx
index c3dacd7..d4d09d9 100644
--- a/packages/blocks/src/blocks/appearance/theme-config-panel.tsx
+++ b/packages/blocks/src/blocks/appearance/theme-config-panel.tsx
@@ -1,4 +1,5 @@
 import { MoonIcon, SunIcon } from "lucide-react"
+import { LocalizedText } from "@workspace/i18n"
 import { useUiState } from "./ui-state"
 import { Badge } from "@workspace/ui/components/badge"
 import {
@@ -8,7 +9,6 @@ import {
 } from "./theme-color-picker"
 import { ThemePreview } from "./theme-preview"
 import type { ThemeScheme } from "./theme"
-import { LocalizedText } from "../../components/localized-text"
 import { appearanceMessages } from "./messages"
 
 export function ThemeConfigPanel({
diff --git a/packages/blocks/src/blocks/navigation/navigation-label.tsx b/packages/blocks/src/blocks/navigation/navigation-label.tsx
index 9e2e53c..0dd0e33 100644
--- a/packages/blocks/src/blocks/navigation/navigation-label.tsx
+++ b/packages/blocks/src/blocks/navigation/navigation-label.tsx
@@ -1,6 +1,6 @@
 import { cn } from "@workspace/ui/lib/utils"
+import { LocalizedText } from "@workspace/i18n"
 
-import { LocalizedText } from "../../components/localized-text"
 import type { NavigationLabelValue } from "./types"
 
 export interface NavigationLabelProps {
diff --git a/packages/blocks/src/components/localized-text.tsx b/packages/blocks/src/components/localized-text.tsx
deleted file mode 100644
index e88a9ee..0000000
--- a/packages/blocks/src/components/localized-text.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { useMessage, type MessageDescriptor } from "@workspace/i18n"
-
-export interface LocalizedTextProps {
-  message: MessageDescriptor
-}
-
-export function LocalizedText({ message }: LocalizedTextProps) {
-  return useMessage(message)
-}