diff --git a/src/components/thumbnails/ThumbnailCrop.tsx b/src/components/thumbnails/ThumbnailCrop.tsx
index 14ecde53f..0afa067d1 100644
--- a/src/components/thumbnails/ThumbnailCrop.tsx
+++ b/src/components/thumbnails/ThumbnailCrop.tsx
@@ -54,7 +54,7 @@ const HoveredBox = styled(Stack)(({ zIndex }: { zIndex: number }) => ({
 }));
 
 const sxDeleteButton = () => {
-  const bgColor = (opacity: number) => `rgb(80, 80, 210, ${opacity})`;
+  const bgColor = (opacity: number) => `rgb(255, 255, 255, ${opacity})`;
   return {
     backgroundColor: bgColor(0.5),
     ':hover': {