diff --git a/app/api/src/services/parts/parts.js b/app/api/src/services/parts/parts.js
index 11e3953..87a8d6e 100644
--- a/app/api/src/services/parts/parts.js
+++ b/app/api/src/services/parts/parts.js
@@ -77,13 +77,13 @@ export const updatePart = async ({ id, input }) => {
   }
   const originalPart = await db.part.findUnique({ where: { id } })
   const imageToDestroy =
-    originalPart.mainImage !== input.mainImage && originalPart.mainImage
+    originalPart.mainImage !== input.mainImage && input.mainImage && originalPart.mainImage
   const update = await db.part.update({
     data: foreignKeyReplacement(input),
     where: { id },
   })
   if (imageToDestroy) {
-    console.log(`image destroyed, publicId: ${imageToDestroy}, partId: ${id}`)
+    console.log(`image destroyed, publicId: ${imageToDestroy}, partId: ${id}, replacing image is ${input.mainImage}`)
     // destroy after the db has been updated
     destroyImage({ publicId: imageToDestroy })
   }
diff --git a/app/web/src/components/IdeContainer/IdeContainer.js b/app/web/src/components/IdeContainer/IdeContainer.js
index 4d63a95..1f7eefa 100644
--- a/app/web/src/components/IdeContainer/IdeContainer.js
+++ b/app/web/src/components/IdeContainer/IdeContainer.js
@@ -22,7 +22,7 @@ const SmallLoadingPing = (
 )
 
 const BigLoadingPing = () => (
-  <div className="inset-0 absolute flex items-center justify-center">
+  <div className="inset-0 absolute flex items-center justify-center bg-ch-gray-800">
     <div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div>
   </div>
 )