diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/steps.js b/frontend/src/AppBuilder/WidgetManager/widgets/steps.js
index 11652f2f65..fa562e2558 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/steps.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/steps.js
@@ -120,6 +120,8 @@ export const stepsConfig = {
         {
           handle: 'visibility',
           displayName: 'visibility',
+          defaultValue: '{{false}}',
+          type: 'toggle',
         },
       ],
     },
@@ -134,6 +136,8 @@ export const stepsConfig = {
         {
           handle: 'disabled',
           displayName: 'disabled',
+          defaultValue: '{{true}}',
+          type: 'toggle',
         },
       ],
     },
diff --git a/server/src/modules/apps/services/widget-config/steps.js b/server/src/modules/apps/services/widget-config/steps.js
index 11652f2f65..fa562e2558 100644
--- a/server/src/modules/apps/services/widget-config/steps.js
+++ b/server/src/modules/apps/services/widget-config/steps.js
@@ -120,6 +120,8 @@ export const stepsConfig = {
         {
           handle: 'visibility',
           displayName: 'visibility',
+          defaultValue: '{{false}}',
+          type: 'toggle',
         },
       ],
     },
@@ -134,6 +136,8 @@ export const stepsConfig = {
         {
           handle: 'disabled',
           displayName: 'disabled',
+          defaultValue: '{{true}}',
+          type: 'toggle',
         },
       ],
     },