diff --git a/src/components/Option/Settings/openai-fetch-model.tsx b/src/components/Option/Settings/openai-fetch-model.tsx
index ce86dad..c64e030 100644
--- a/src/components/Option/Settings/openai-fetch-model.tsx
+++ b/src/components/Option/Settings/openai-fetch-model.tsx
@@ -77,7 +77,11 @@ export const OpenAIFetchModel = ({ openaiId, setOpenModelModal }: Props) => {
   }
 
   if (status === "pending") {
-    return <Spin />
+    return (
+      <div className="flex items-center justify-center h-40">
+        <Spin size="large" />
+      </div>
+    )
   }
   if (status === "error" || !data || data.length === 0) {
     return (