diff --git a/client/src/App/App.styles.scss b/client/src/App/App.styles.scss
index 91cdfa9b2..616f88383 100644
--- a/client/src/App/App.styles.scss
+++ b/client/src/App/App.styles.scss
@@ -83,7 +83,7 @@
   --tag-wrapper-text: #000; /* Light mode tag wrapper text */
   --preview-bg: lightgray; /* Light mode preview background */
   --preview-border-color: #2196F3; /* Light mode preview border color */
-  --event-bg-fallback: #ffffff; /* Light mode event background fallback */
+  --event-bg-fallback: #c4c4c4; /* Light mode event background fallback */
   --card-bg-fallback: #ffffff; /* Light mode card background fallback */
   --card-text-fallback: black; /* Light mode card text fallback */
   --table-row-even-bg: rgb(236, 236, 236); /* Light mode table row even background */
@@ -189,7 +189,7 @@
   --tag-wrapper-text: #cccccc; /* Dark mode tag wrapper text */
   --preview-bg: #2a2a2a; /* Dark mode preview background */
   --preview-border-color: #4da8ff; /* Dark mode preview border color */
-  --event-bg-fallback: #000000; /* Dark mode event background fallback */
+  --event-bg-fallback: #262626; /* Dark mode event background fallback */
   --card-bg-fallback: #2a2a2a; /* Dark mode card background fallback */
   --card-text-fallback: #cccccc; /* Dark mode card text fallback */
   --table-row-even-bg: #2a2a2a; /* Dark mode table row even background */