diff --git a/frontend/src/features/canvas/components/IAICanvasStagingAreaToolbar.tsx b/frontend/src/features/canvas/components/IAICanvasStagingAreaToolbar.tsx
index 29b2c1ed83..5739defee7 100644
--- a/frontend/src/features/canvas/components/IAICanvasStagingAreaToolbar.tsx
+++ b/frontend/src/features/canvas/components/IAICanvasStagingAreaToolbar.tsx
@@ -134,6 +134,7 @@ const IAICanvasStagingAreaToolbar = () => {
           icon={<FaTrash />}
           onClick={() => dispatch(discardStagedImages())}
           data-selected={true}
+          style={{ backgroundColor: 'var(--btn-delete-image)' }}
         />
       </ButtonGroup>
     </Flex>
diff --git a/frontend/src/styles/Themes/_Colors_Dark.scss b/frontend/src/styles/Themes/_Colors_Dark.scss
index c3d673d053..9f3e4f7671 100644
--- a/frontend/src/styles/Themes/_Colors_Dark.scss
+++ b/frontend/src/styles/Themes/_Colors_Dark.scss
@@ -53,7 +53,7 @@
   --btn-load-more-hover: rgb(54, 56, 66);
 
   --btn-svg-color: rgb(255, 255, 255);
-  --btn-delete-image: rgb(238, 107, 107);
+  --btn-delete-image: rgb(182, 46, 46);
 
   // IAI Button Colors
   --btn-checkbox-border-hover: rgb(46, 48, 68);
diff --git a/frontend/src/styles/Themes/_Colors_Green.scss b/frontend/src/styles/Themes/_Colors_Green.scss
index a6e2110404..4f49423a66 100644
--- a/frontend/src/styles/Themes/_Colors_Green.scss
+++ b/frontend/src/styles/Themes/_Colors_Green.scss
@@ -54,7 +54,7 @@
 
   --btn-svg-color: rgb(255, 255, 255);
 
-  --btn-delete-image: rgb(238, 107, 107);
+  --btn-delete-image: rgb(182, 46, 46);
 
   // IAI Button Colors
   --btn-checkbox-border-hover: rgb(46, 48, 68);