diff --git a/web-app/src/services/models.ts b/web-app/src/services/models.ts
index f5b3a243c..7496f3926 100644
--- a/web-app/src/services/models.ts
+++ b/web-app/src/services/models.ts
@@ -194,7 +194,7 @@ export const importModel = async (
     if (!path) throw new Error('No file selected')
 
     // Extract filename from path to use as model ID if not provided
-    const defaultModelId = path.split('/').pop()?.split('.')[0] || path
+    const defaultModelId = path.split('/').pop()?.replace(/ /g, '-') || path
     const modelIdToUse = modelId || defaultModelId
 
     return await extension.importModel(modelIdToUse, path, provider)