diff --git a/src/renderer/components/ModelZoo/ImportModelsModal.tsx b/src/renderer/components/ModelZoo/ImportModelsModal.tsx
index 05d813fb0fe1327f8d1a09a7279ec247fc756b66..2d423ed32c8c5faac76edd0894ceaf09eb04c6d7 100644
--- a/src/renderer/components/ModelZoo/ImportModelsModal.tsx
+++ b/src/renderer/components/ModelZoo/ImportModelsModal.tsx
@@ -35,7 +35,9 @@ export default function ImportModelsModal({ open, setOpen}) {
         error: modelsError,
         isLoading: isLoading,
     } = useSWR(
-        chatAPI.Endpoints.Models.SearchForLocalUninstalledModels(modelFolder),
+        !open
+          ? null
+          : chatAPI.Endpoints.Models.SearchForLocalUninstalledModels(modelFolder),
         fetcher
     );
     const models = modelsData?.data;
@@ -278,12 +280,12 @@ export default function ImportModelsModal({ open, setOpen}) {
               {isLoading && (
                 <tr>
                   <td colSpan={5}>
-                    <CircularProgress color="primary" />
                     <Typography
                         level="body-lg"
                         justifyContent="center"
                         margin={5}
                     >
+                      <CircularProgress color="primary" />
                       Scanning for models...
                   </Typography>
                   </td>
@@ -292,7 +294,6 @@ export default function ImportModelsModal({ open, setOpen}) {
               {modelsError && (
                 <tr>
                   <td colSpan={5}>
-                    <CircularProgress color="primary" />
                     <Typography
                         level="body-lg"
                         justifyContent="center"