diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 6a3700561..58b202522 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -13,6 +13,7 @@
 // Tip: Use the "Theme Builder" on Quasar's documentation website.
 
 $primary: #ec8916;
+$primary-light: lighten($primary, 35%);
 $secondary: #26a69a;
 $accent: #9c27b0;
 $white: #fff;
diff --git a/src/pages/Travel/ExtraCommunity.vue b/src/pages/Travel/ExtraCommunity.vue
index 5fd33a061..ce8747fb1 100644
--- a/src/pages/Travel/ExtraCommunity.vue
+++ b/src/pages/Travel/ExtraCommunity.vue
@@ -491,7 +491,7 @@ const cleanDragAndDropData = () => {
 }
 
 .dragged-row {
-    background-color: $secondary;
+    background-color: $primary-light;
 }
 </style>