diff --git a/app/src/components/left/DragDropPanel.tsx b/app/src/components/left/DragDropPanel.tsx
index b6c5cb9f..7f034ef6 100644
--- a/app/src/components/left/DragDropPanel.tsx
+++ b/app/src/components/left/DragDropPanel.tsx
@@ -19,7 +19,7 @@ const useStyles = makeStyles({
     color: '#ffffff' // Set the text color to white
   },
   accordionSummary: {
-    backgroundColor: '#101012', // Set the background color of the summary to gray
+    backgroundColor: '#1E2024', // Set the background color of the summary to gray
     color: '#ffffff' // Set the text color of the summary to white
   }
 });
diff --git a/app/src/components/left/MUIDragDropPanel.tsx b/app/src/components/left/MUIDragDropPanel.tsx
index 710439d0..dca8cb0b 100644
--- a/app/src/components/left/MUIDragDropPanel.tsx
+++ b/app/src/components/left/MUIDragDropPanel.tsx
@@ -19,7 +19,7 @@ const useStyles = makeStyles({
     color: '#ffffff' // Set the text color to white
   },
   accordionSummary: {
-    backgroundColor: '#101012', // Set the background color of the summary to gray
+    backgroundColor: '#1E2024', // Set the background color of the summary to gray
     color: '#ffffff' // Set the text color of the summary to white
   }
 });