diff --git a/examples/builder/src/constans/projects.ts b/examples/builder/src/constans/projects.ts
index d9fa1053..90902270 100644
--- a/examples/builder/src/constans/projects.ts
+++ b/examples/builder/src/constans/projects.ts
@@ -484,7 +484,7 @@ const DEFAULT_ANALYSIS_APP: Application = {
             select: { fillColor: false, strokeColor: 'red' },
           },
           label: {
-            field: '',
+            field: undefined,
             visible: false,
             style: {
               fill: '#454d64',
diff --git a/packages/li-editor/src/widgets/LayersPanel/LayerAttribute/BaseFormSchemaField/VisTypeSelect/VisTypeSelect.less b/packages/li-editor/src/widgets/LayersPanel/LayerAttribute/BaseFormSchemaField/VisTypeSelect/VisTypeSelect.less
index 3560e77f..33217c60 100644
--- a/packages/li-editor/src/widgets/LayersPanel/LayerAttribute/BaseFormSchemaField/VisTypeSelect/VisTypeSelect.less
+++ b/packages/li-editor/src/widgets/LayersPanel/LayerAttribute/BaseFormSchemaField/VisTypeSelect/VisTypeSelect.less
@@ -51,30 +51,18 @@
     text-align: center;
   }
 
-  &__selected-option {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    margin: 0;
-  }
-
   &__selected-icon {
-    width: 22px;
-    height: 22px;
+    width: 15px;
+    height: 15px;
     color: @primary-color-1;
     background-image: url(@layer-icon-bg);
     background-repeat: no-repeat;
-    background-size: 22px 22px;
+    background-size: 15px 15px;
     border-radius: @border-radius;
 
     svg {
-      width: 22px;
-      height: 22px;
+      width: 15px;
+      height: 15px;
     }
   }
-
-  &__selected-label {
-    margin-left: 12px;
-  }
 }
diff --git a/packages/li-editor/src/widgets/LayersPanel/LayerAttribute/BaseFormSchemaField/VisTypeSelect/VisTypeSelect.tsx b/packages/li-editor/src/widgets/LayersPanel/LayerAttribute/BaseFormSchemaField/VisTypeSelect/VisTypeSelect.tsx
index 22888326..50287f9a 100644
--- a/packages/li-editor/src/widgets/LayersPanel/LayerAttribute/BaseFormSchemaField/VisTypeSelect/VisTypeSelect.tsx
+++ b/packages/li-editor/src/widgets/LayersPanel/LayerAttribute/BaseFormSchemaField/VisTypeSelect/VisTypeSelect.tsx
@@ -44,12 +44,8 @@ const VisTypeSelect: React.FC<SelectProps<any, any>> = (props) => {
       {options?.map((item: Record<string, any>, index) => {
         return (
           <Select.Option value={item.value} key={index}>
-            <div className="li-vis-type-select__selected-option">
-              <div className="li-vis-type-select__selected-icon">
-                <Icon component={item.icon} />
-              </div>
-              <span className="li-vis-type-select__selected-label">{item.label}</span>
-            </div>
+            <Icon component={item.icon} className="li-vis-type-select__selected-icon" style={{ marginRight: 5 }} />
+            {item.label}
           </Select.Option>
         );
       })}
diff --git a/packages/li-p2/src/components/Formily/ColorRangeSelector/Internal/index.tsx b/packages/li-p2/src/components/Formily/ColorRangeSelector/Internal/index.tsx
index c99c24bc..29f75c17 100644
--- a/packages/li-p2/src/components/Formily/ColorRangeSelector/Internal/index.tsx
+++ b/packages/li-p2/src/components/Formily/ColorRangeSelector/Internal/index.tsx
@@ -61,19 +61,18 @@ const Internal = (props: ColorRangeSelectorProps) => {
 
         return (
           <Select.Option key={colorList.toString()} value={colorList.toString()}>
-            <div className={`${prefixCls}__selection-item`}>
-              {colorList.map((color) => (
-                <span
-                  key={color}
-                  className={`${prefixCls}__selection-item-color`}
-                  style={{
-                    backgroundColor: color,
-                    height: '22px',
-                    width: `${100 / colorList.length}%`,
-                  }}
-                />
-              ))}
-            </div>
+            {colorList.map((color) => (
+              <span
+                key={color}
+                className={`${prefixCls}__selection-item-color`}
+                style={{
+                  backgroundColor: color,
+                  height: '22px',
+                  width: `${100 / colorList.length}%`,
+                  display: 'inline-block',
+                }}
+              />
+            ))}
           </Select.Option>
         );
       })}
diff --git a/packages/li-p2/src/components/Formily/ColorRangeSelector/Internal/style.ts b/packages/li-p2/src/components/Formily/ColorRangeSelector/Internal/style.ts
index 917074a8..4b74863f 100644
--- a/packages/li-p2/src/components/Formily/ColorRangeSelector/Internal/style.ts
+++ b/packages/li-p2/src/components/Formily/ColorRangeSelector/Internal/style.ts
@@ -7,6 +7,12 @@ export default genStyleHook('color-range-selector', (token) => {
     [componentCls]: {
       maxWidth: 260,
 
+      [`${antCls}-select-selection-item`]: {
+        span: {
+          marginTop: 10,
+        },
+      },
+
       [`${componentCls}__selection-item`]: {
         display: 'flex',
         alignItems: 'center',
diff --git a/packages/li-p2/src/components/Formily/ControlPositionSelect/Select/index.tsx b/packages/li-p2/src/components/Formily/ControlPositionSelect/Select/index.tsx
index 8a607377..2e71ad7b 100644
--- a/packages/li-p2/src/components/Formily/ControlPositionSelect/Select/index.tsx
+++ b/packages/li-p2/src/components/Formily/ControlPositionSelect/Select/index.tsx
@@ -1,30 +1,13 @@
 /* eslint-disable react/no-array-index-key */
-import { usePrefixCls } from '@formily/antd-v5/esm/__builtins__';
 import type { SelectProps } from 'antd';
 import { Select } from 'antd';
-import cls from 'classnames';
 import React from 'react';
 import { POSITION } from './contants';
-import useStyle from './style';
 
 const PositionSelect: React.FC<SelectProps> = (props) => {
   const { options, ...prop } = props;
-  const prefixCls = usePrefixCls('formily-position-select');
-  const [wrapSSR, hashId] = useStyle(prefixCls);
 
-  return wrapSSR(
-    <Select {...prop} popupClassName={cls(`${prefixCls}`, hashId)}>
-      {(options ?? POSITION).map((item, index) => {
-        return (
-          <Select.Option value={item.value} key={index}>
-            <div className={cls(`${prefixCls}-item`, hashId)}>
-              <span>{item.label}</span>
-            </div>
-          </Select.Option>
-        );
-      })}
-    </Select>,
-  );
+  return <Select {...prop} options={options ?? POSITION} />;
 };
 
 export default PositionSelect;
diff --git a/packages/li-p2/src/components/Formily/ControlPositionSelect/Select/style.ts b/packages/li-p2/src/components/Formily/ControlPositionSelect/Select/style.ts
deleted file mode 100644
index c4f6aa48..00000000
--- a/packages/li-p2/src/components/Formily/ControlPositionSelect/Select/style.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { genStyleHook } from '@formily/antd-v5/esm/__builtins__';
-
-export default genStyleHook('field-select', (token) => {
-  const { componentCls } = token;
-
-  return {
-    [componentCls]: {
-      [`${componentCls}-item`]: {
-        lineHeight: '30px',
-      },
-    },
-  };
-});
diff --git a/packages/li-p2/src/components/Formily/FieldSelect/Select/index.tsx b/packages/li-p2/src/components/Formily/FieldSelect/Select/index.tsx
index 281901f6..ce0c8f14 100644
--- a/packages/li-p2/src/components/Formily/FieldSelect/Select/index.tsx
+++ b/packages/li-p2/src/components/Formily/FieldSelect/Select/index.tsx
@@ -61,14 +61,12 @@ const InternalSelect: React.FC<SelectProps<string, FieldSelectOptionType>> = (pr
       {options?.map((item, index) => {
         return (
           <Select.Option value={item.value} key={index}>
-            <div className={cls(`${prefixCls}-item`, hashId)}>
-              {isUndefined(item.type) ? (
-                <Tag>未知</Tag>
-              ) : (
-                <Tag color={item.typeColor}>{isUndefined(item.typeName) ? item.type : item.typeName}</Tag>
-              )}
-              <span title={item.label}>{item.label}</span>
-            </div>
+            {isUndefined(item.type) ? (
+              <Tag>未知</Tag>
+            ) : (
+              <Tag color={item.typeColor}>{isUndefined(item.typeName) ? item.type : item.typeName}</Tag>
+            )}
+            <span title={item.label}>{item.label}</span>
           </Select.Option>
         );
       })}
diff --git a/packages/li-p2/src/components/Formily/FieldSelect/Select/style.ts b/packages/li-p2/src/components/Formily/FieldSelect/Select/style.ts
index 0cc00a77..205a7237 100644
--- a/packages/li-p2/src/components/Formily/FieldSelect/Select/style.ts
+++ b/packages/li-p2/src/components/Formily/FieldSelect/Select/style.ts
@@ -1,7 +1,7 @@
 import { genStyleHook } from '@formily/antd-v5/esm/__builtins__';
 
 export default genStyleHook('field-select', (token) => {
-  const { componentCls, controlItemBgActive, controlItemBgHover, colorTextDescription } = token;
+  const { componentCls, controlItemBgActive, controlItemBgHover } = token;
 
   return {
     [componentCls]: {
diff --git a/packages/li-p2/src/components/Formily/RibbonSelect/RibbonSelect/index.tsx b/packages/li-p2/src/components/Formily/RibbonSelect/RibbonSelect/index.tsx
index cb198ecb..ea56a81e 100644
--- a/packages/li-p2/src/components/Formily/RibbonSelect/RibbonSelect/index.tsx
+++ b/packages/li-p2/src/components/Formily/RibbonSelect/RibbonSelect/index.tsx
@@ -56,18 +56,17 @@ const InternalRibbonSelect = (props: RibbonSelectProps) => {
         const colorList = colorReverse ? [...item].reverse() : item;
         return (
           <Select.Option key={index} value={index}>
-            <div className={`${prefixCls}__selection-item`}>
-              {colorList.map((color) => (
-                <span
-                  key={color}
-                  style={{
-                    backgroundColor: color,
-                    height: '24px',
-                    width: `${100 / colorList.length}%`,
-                  }}
-                />
-              ))}
-            </div>
+            {colorList.map((color) => (
+              <span
+                key={color}
+                style={{
+                  backgroundColor: color,
+                  height: '24px',
+                  width: `${100 / colorList.length}%`,
+                  display: 'inline-block',
+                }}
+              />
+            ))}
           </Select.Option>
         );
       })}
diff --git a/packages/li-p2/src/components/Formily/RibbonSelect/RibbonSelect/style.ts b/packages/li-p2/src/components/Formily/RibbonSelect/RibbonSelect/style.ts
index 1bf8b9fb..45949ec3 100644
--- a/packages/li-p2/src/components/Formily/RibbonSelect/RibbonSelect/style.ts
+++ b/packages/li-p2/src/components/Formily/RibbonSelect/RibbonSelect/style.ts
@@ -1,14 +1,14 @@
 import { genStyleHook } from '@formily/antd-v5/esm/__builtins__';
 
 export default genStyleHook('ribbon-select', (token) => {
-  const { componentCls } = token;
+  const { componentCls, antCls } = token;
 
   return {
     [componentCls]: {
-      [`${componentCls}__selection-item`]: {
-        display: 'flex',
-        alignItems: 'center',
-        height: '100%',
+      [`${antCls}-select-selection-item`]: {
+        span: {
+          marginTop: 10,
+        },
       },
     },
   };