diff --git a/app/components/exporter.tsx b/app/components/exporter.tsx
index 39280809..f79e8490 100644
--- a/app/components/exporter.tsx
+++ b/app/components/exporter.tsx
@@ -1,7 +1,7 @@
 import { ChatMessage, useAppConfig, useChatStore } from "../store";
 import Locale from "../locales";
 import styles from "./exporter.module.scss";
-import { List, ListItem, Modal, showToast } from "./ui-lib";
+import { List, ListItem, Modal, Select, showToast } from "./ui-lib";
 import { IconButton } from "./button";
 import { copyToClipboard, downloadAs, useMobileScreen } from "../utils";
 
@@ -161,7 +161,7 @@ export function MessageExporter() {
                 title={Locale.Export.Format.Title}
                 subTitle={Locale.Export.Format.SubTitle}
               >
-                <select
+                <Select
                   value={exportConfig.format}
                   onChange={(e) =>
                     updateExportConfig(
@@ -175,7 +175,7 @@ export function MessageExporter() {
                       {f}
                     </option>
                   ))}
-                </select>
+                </Select>
               </ListItem>
               <ListItem
                 title={Locale.Export.IncludeContext.Title}