diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index 66f5ab8d..824a36ab 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -10,6 +10,7 @@ defineProps<{
   statusBranch?: string;
   badgeLabel?: string;
   badgeClass?: string;
+  bgColor?: string;
   editData?: (...args: unknown[]) => void;
   deleteData?: (...args: unknown[]) => void;
   submit?: (...args: unknown[]) => void;
@@ -139,11 +140,10 @@ function reset() {
             resetValidation
           />
         </div>
-
         <div
-          class="col-10 form-body surface-0"
+          class="col-10 form-body"
           style="position: relative"
-          :class="{ dark: $q.dark.isActive }"
+          :class="`${bgColor || 'surface-0'} ${$q.dark.isActive && 'dark'}`"
         >
           <slot></slot>
           <slot name="info"></slot>