diff --git a/src/renderer/components/ModelZoo/ImportModelsBar.tsx b/src/renderer/components/ModelZoo/ImportModelsBar.tsx
index 2f8a6f14710cb8f0bdb459137811437173bcc9e7..c87bd7a977c56cda1c48c25e1658ebf07e5a1f7d 100644
--- a/src/renderer/components/ModelZoo/ImportModelsBar.tsx
+++ b/src/renderer/components/ModelZoo/ImportModelsBar.tsx
@@ -11,7 +11,7 @@ import {
 import { PlusIcon } from 'lucide-react';
 
 import * as chatAPI from '../../lib/transformerlab-api-sdk';
-import ImportFromHFCacheModal from './ImportModelsModal';
+import ImportModelsModal from './ImportModelsModal';
 
 export default function ModelDetails({}) {
     const [downloadingModel, setDownloadingModel] = useState(null);
@@ -19,7 +19,7 @@ export default function ModelDetails({}) {
 
     return (
       <>
-        <ImportFromHFCacheModal
+        <ImportModelsModal
             open={importModelsModalOpen}
             setOpen={setImportModelsModalOpen}
         />
diff --git a/src/renderer/components/ModelZoo/ImportModelsModal.tsx b/src/renderer/components/ModelZoo/ImportModelsModal.tsx
index 3e9316959cc7333fef025ac7ce7925b79ab57e34..5b9d485c4272b729662ea204244b116d728dad5d 100644
--- a/src/renderer/components/ModelZoo/ImportModelsModal.tsx
+++ b/src/renderer/components/ModelZoo/ImportModelsModal.tsx
@@ -23,7 +23,7 @@ import {
 // fetcher used by SWR
 const fetcher = (url) => fetch(url).then((res) => res.json());
 
-export default function ImportFromHFCacheModal({ open, setOpen}) {
+export default function ImportModelsModal({ open, setOpen}) {
     const [importing, setImporting] = useState(false);
 
     const {
@@ -70,7 +70,7 @@ export default function ImportFromHFCacheModal({ open, setOpen}) {
           <ModalClose />
           <Typography level="h2">Select models to import:</Typography>
           <form
-            id="import-hfcache-form"
+            id="import-models-form"
             style={{
                 display: 'flex',
                 flexDirection: 'column',