diff --git a/client/src/components/ui/FormCascade.vue b/client/src/components/ui/FormCascade.vue
index 3735f863..0c3603b9 100644
--- a/client/src/components/ui/FormCascade.vue
+++ b/client/src/components/ui/FormCascade.vue
@@ -78,6 +78,11 @@ const props = defineProps({
       :optionGroupChildren="props.optionGroupChildren"
       :placeholder="props.placeholder"
       :class="error ? props.errCls : ''"
+      :pt="{
+        root: { class: 'w-full md:w-full' },
+        sublist: { class: 'w-full sm:w-80' }
+      }"
+      :ptOptions="{ mergeProps: true }"
     />
     <span class="inline-flex items-baseline">
       <i :class="error ? props.errIconCls : ''" />
diff --git a/client/src/presets/windscm/cascadeselect/index.js b/client/src/presets/windscm/cascadeselect/index.js
index 4ecacf00..40a59cf9 100644
--- a/client/src/presets/windscm/cascadeselect/index.js
+++ b/client/src/presets/windscm/cascadeselect/index.js
@@ -6,7 +6,7 @@ export default {
       'relative',
 
       // Shape
-      // 'w-full md:w-56',
+      'w-full md:w-56',
       'rounded-md',
       'shadow-sm',