diff --git a/js/apps/account-ui/src/personal-info/LocaleSelector.tsx b/js/apps/account-ui/src/personal-info/LocaleSelector.tsx
index 07baa91b5e..be8bc077bb 100644
--- a/js/apps/account-ui/src/personal-info/LocaleSelector.tsx
+++ b/js/apps/account-ui/src/personal-info/LocaleSelector.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import type { SelectOption } from "ui-shared";
+import type { SelectControlOption } from "ui-shared";
 import { SelectControl } from "ui-shared";
 import { getSupportedLocales } from "../api/methods";
 import { usePromise } from "../utils/usePromise";
@@ -15,13 +15,13 @@ const localeToDisplayName = (locale: string) => {
 
 export const LocaleSelector = () => {
   const { t } = useTranslation();
-  const [locales, setLocales] = useState<SelectOption[]>([]);
+  const [locales, setLocales] = useState<SelectControlOption[]>([]);
 
   usePromise(
     (signal) => getSupportedLocales({ signal }),
     (locales) =>
       setLocales(
-        locales.map<Option>((locale) => ({
+        locales.map<SelectControlOption>((locale) => ({
           key: locale,
           value: localeToDisplayName(locale) || "",
         }))
diff --git a/js/libs/ui-shared/src/controls/SelectControl.tsx b/js/libs/ui-shared/src/controls/SelectControl.tsx
index aee9b4ea72..6710539770 100644
--- a/js/libs/ui-shared/src/controls/SelectControl.tsx
+++ b/js/libs/ui-shared/src/controls/SelectControl.tsx
@@ -15,7 +15,7 @@ import {
 } from "@patternfly/react-core";
 import { FormLabel } from "./FormLabel";
 
-export type SelectOption = {
+export type SelectControlOption = {
   key: string;
   value: string;
 };
@@ -30,7 +30,7 @@ export type SelectControlProps<
   UseControllerProps<T, P> & {
     name: string;
     label?: string;
-    options: string[] | Option[];
+    options: string[] | SelectControlOption[];
     controller: Omit<ControllerProps, "name" | "render">;
   };
 
@@ -68,8 +68,9 @@ export const SelectControl = <
             onToggle={(isOpen) => setOpen(isOpen)}
             selections={
               typeof options[0] !== "string"
-                ? (options as Option[]).find((o) => o.key === value[0])
-                    ?.value || value
+                ? (options as SelectControlOption[]).find(
+                    (o) => o.key === value[0]
+                  )?.value || value
                 : value
             }
             onSelect={(_, v) => {
diff --git a/js/libs/ui-shared/src/main.ts b/js/libs/ui-shared/src/main.ts
index 9a56f3140c..30153fb8ac 100644
--- a/js/libs/ui-shared/src/main.ts
+++ b/js/libs/ui-shared/src/main.ts
@@ -1,6 +1,6 @@
 export { ContinueCancelModal } from "./continue-cancel/ContinueCancelModal";
 export { SelectControl } from "./controls/SelectControl";
-export type { Option } from "./controls/SelectControl";
+export type { SelectControlOption } from "./controls/SelectControl";
 export { SwitchControl } from "./controls/SwitchControl";
 export { TextControl } from "./controls/TextControl";
 export { TextAreaControl } from "./controls/TextAreaControl";