diff --git a/packages/opendesign/src/components/cascader/OCascader.vue b/packages/opendesign/src/components/cascader/OCascader.vue
index 314de65906b12aa000f9432956d4dc96684b7398..13d95d0eb98a347899766304273a4120e4502343 100644
--- a/packages/opendesign/src/components/cascader/OCascader.vue
+++ b/packages/opendesign/src/components/cascader/OCascader.vue
@@ -24,6 +24,8 @@ const emits = defineEmits<{
   (e: 'change', val: CascaderValueT): void;
 }>();
 
+const selectRef = ref<InstanceType<typeof OSelect> | null>();
+
 const _value = ref(props.modelValue);
 const inputLabel = ref();
 
@@ -66,8 +68,14 @@ watch(
   }
 );
 
+watch(
+  () => inputLabel.value,
+  (val) => {
+    selectRef.value?.updateLabel(val);
+  }
+);
+
 const onClick = (option: ColumnInfoT, columnInfo: Array<ColumnInfoT>) => {
-  console.log(panelInfo.value);
   if (!isArray(panelInfo.value)) {
     return;
   }
@@ -101,6 +109,7 @@ const onClick = (option: ColumnInfoT, columnInfo: Array<ColumnInfoT>) => {
 
 <template>
   <OSelect
+    ref="selectRef"
     :model-value="inputLabel"
     :round="props.round"
     :variant="props.variant"
diff --git a/packages/opendesign/src/components/checkbox-group/style/index.scss b/packages/opendesign/src/components/checkbox-group/style/index.scss
index 59ba2eae15056d9d2741e2ca20ff39a4478be6d6..b692815837ee1d2e067648fac0411440dfe4c221 100644
--- a/packages/opendesign/src/components/checkbox-group/style/index.scss
+++ b/packages/opendesign/src/components/checkbox-group/style/index.scss
@@ -3,9 +3,17 @@
 .o-checkbox-group {
   display: inline-flex;
   flex-wrap: wrap;
-  gap: var(--checkbox-group-gap);
+}
+
+.o-checkbox-group-direction-h {
+  .o-checkbox + .o-checkbox {
+    margin-left: var(--checkbox-group-gap);
+  }
 }
 
 .o-checkbox-group-direction-v {
   flex-direction: column;
+  .o-checkbox + .o-checkbox {
+    margin-top: var(--checkbox-group-gap);
+  }
 }
diff --git a/packages/opendesign/src/components/radio-group/style/index.scss b/packages/opendesign/src/components/radio-group/style/index.scss
index e4ec1f55c0fedca8fb902e6221f771e181b458c2..49fde798f5735d1a6869fe877cb9202e5813391e 100644
--- a/packages/opendesign/src/components/radio-group/style/index.scss
+++ b/packages/opendesign/src/components/radio-group/style/index.scss
@@ -3,9 +3,17 @@
 .o-radio-group {
   display: inline-flex;
   flex-wrap: wrap;
-  gap: var(--radio-group-gap);
+}
+
+.o-radio-group-direction-h {
+  .o-radio + .o-radio {
+    margin-left: var(--radio-group-gap);
+  }
 }
 
 .o-radio-group-direction-v {
   flex-direction: column;
+  .o-radio + .o-radio {
+    margin-top: var(--radio-group-gap);
+  }
 }
diff --git a/packages/opendesign/src/components/rate/ORate.vue b/packages/opendesign/src/components/rate/ORate.vue
index 82dda797d34a3b73164a42478e41950cc654bfb2..874ae7391a5a9443eee4f73f1097dee08a36e5d1 100644
--- a/packages/opendesign/src/components/rate/ORate.vue
+++ b/packages/opendesign/src/components/rate/ORate.vue
@@ -83,7 +83,7 @@ const iconStatus = computed(() => {
       v-for="(item, key) in count"
       :key="key"
       class="o-rate-item"
-      :class="{ 'is-full-active': iconStatus[key] === 'full', 'is-half-active': iconStatus[key] === 'half' }"
+      :class="{ 'is-full': iconStatus[key] === 'full', 'is-half': iconStatus[key] === 'half' }"
     >
       <span class="o-rate-icon o-rate-icon-top" @mouseenter="setHoverIndex(key, true)" @click="setValue(key, true)">
         <slot name="icon" :index="item" :status="iconStatus[key]">
diff --git a/packages/opendesign/src/components/rate/style/index.scss b/packages/opendesign/src/components/rate/style/index.scss
index 7b2d06e3dcdc69778d8976bfc71e81702ad03949..7f147b76c1325cb654781f10d45747545f92267f 100644
--- a/packages/opendesign/src/components/rate/style/index.scss
+++ b/packages/opendesign/src/components/rate/style/index.scss
@@ -3,7 +3,6 @@
 .o-rate {
   display: inline-flex;
   align-items: center;
-  gap: var(--rate-gap);
   user-select: none;
   font-size: var(--rate-size);
   cursor: pointer;
@@ -12,17 +11,21 @@
 .o-rate-item {
   position: relative;
 
-  &.is-half-active {
+  &.is-half{
     .o-rate-icon-top {
       opacity: 1;
     }
   }
 
-  &.is-full-active {
+  &.is-full{
     .o-rate-icon-bottom {
       color: var(--rate-color-active);
     }
   }
+
+  & + .o-rate-item {
+    margin-left: var(--rate-gap);
+  }
 }
 
 .o-rate-icon {
diff --git a/packages/opendesign/src/components/select/OSelect.vue b/packages/opendesign/src/components/select/OSelect.vue
index c66bf682e5b9cfba428c03af7a67036cb1a4f2bf..48f6e18de7e69f72267f3bb401b818358ae97f9d 100644
--- a/packages/opendesign/src/components/select/OSelect.vue
+++ b/packages/opendesign/src/components/select/OSelect.vue
@@ -58,6 +58,13 @@ provide(selectOptionInjectKey, {
     }
   },
 });
+
+defineExpose({
+  updateLabel(label: string, isVisible: boolean = false) {
+    activeLabel.value = label;
+    showOption.value = isVisible;
+  },
+});
 </script>
 <template>
   <div
diff --git a/packages/opendesign/src/components/textarea/style/index.scss b/packages/opendesign/src/components/textarea/style/index.scss
index 44b280e43982300dc7ba3c7289af9107cb1e2d88..b1bd1ffeb75b215e7302db7533dc831508b10777 100644
--- a/packages/opendesign/src/components/textarea/style/index.scss
+++ b/packages/opendesign/src/components/textarea/style/index.scss
@@ -16,6 +16,8 @@
   position: relative;
   flex-direction: column;
   justify-items: stretch;
+  width: 100%;
+  height: 100%;
   &:hover {
     border-color: var(--textarea-bd-color-hover);
     background-color: var(--textarea-bg-color-hover);