diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/modalV2.js b/frontend/src/AppBuilder/WidgetManager/widgets/modalV2.js
index 903056a296..cc1a8781cb 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/modalV2.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/modalV2.js
@@ -180,6 +180,7 @@ export const modalV2Config = {
         schema: { type: 'string' },
         defaultValue: 'var(--cc-surface1-surface)',
       },
+      accordian: 'container',
     },
     footerBackgroundColor: {
       type: 'colorSwatches',
@@ -188,6 +189,7 @@ export const modalV2Config = {
         schema: { type: 'string' },
         defaultValue: 'var(--cc-surface1-surface)',
       },
+      accordian: 'container',
     },
     bodyBackgroundColor: {
       type: 'colorSwatches',
@@ -196,6 +198,7 @@ export const modalV2Config = {
         schema: { type: 'string' },
         defaultValue: 'var(--cc-surface1-surface)',
       },
+      accordian: 'container',
     },
     triggerButtonBackgroundColor: {
       type: 'colorSwatches',
@@ -204,6 +207,7 @@ export const modalV2Config = {
         schema: { type: 'string' },
         defaultValue: false,
       },
+      accordian: 'container',
     },
     triggerButtonTextColor: {
       type: 'colorSwatches',
@@ -212,6 +216,7 @@ export const modalV2Config = {
         schema: { type: 'string' },
         defaultValue: false,
       },
+      accordian: 'container',
     },
   },
   exposedVariables: {
diff --git a/server/src/modules/apps/services/widget-config/modalV2.js b/server/src/modules/apps/services/widget-config/modalV2.js
index 903056a296..cc1a8781cb 100644
--- a/server/src/modules/apps/services/widget-config/modalV2.js
+++ b/server/src/modules/apps/services/widget-config/modalV2.js
@@ -180,6 +180,7 @@ export const modalV2Config = {
         schema: { type: 'string' },
         defaultValue: 'var(--cc-surface1-surface)',
       },
+      accordian: 'container',
     },
     footerBackgroundColor: {
       type: 'colorSwatches',
@@ -188,6 +189,7 @@ export const modalV2Config = {
         schema: { type: 'string' },
         defaultValue: 'var(--cc-surface1-surface)',
       },
+      accordian: 'container',
     },
     bodyBackgroundColor: {
       type: 'colorSwatches',
@@ -196,6 +198,7 @@ export const modalV2Config = {
         schema: { type: 'string' },
         defaultValue: 'var(--cc-surface1-surface)',
       },
+      accordian: 'container',
     },
     triggerButtonBackgroundColor: {
       type: 'colorSwatches',
@@ -204,6 +207,7 @@ export const modalV2Config = {
         schema: { type: 'string' },
         defaultValue: false,
       },
+      accordian: 'container',
     },
     triggerButtonTextColor: {
       type: 'colorSwatches',
@@ -212,6 +216,7 @@ export const modalV2Config = {
         schema: { type: 'string' },
         defaultValue: false,
       },
+      accordian: 'container',
     },
   },
   exposedVariables: {