diff --git a/packages/components/space/src/use-space.ts b/packages/components/space/src/use-space.ts
index f8f57176f1a2e..25a06d2626921 100644
--- a/packages/components/space/src/use-space.ts
+++ b/packages/components/space/src/use-space.ts
@@ -4,13 +4,12 @@ import { useNamespace } from '@element-plus/hooks'
 
 import type { SpaceProps } from './space'
 import type { CSSProperties, StyleValue } from 'vue'
-import type { ComponentSize } from '@element-plus/constants'
 
 const SIZE_MAP = {
   small: 8,
   default: 12,
   large: 16,
-} as Record<ComponentSize, number>
+} as const
 
 export function useSpace(props: SpaceProps) {
   const ns = useNamespace('space')
@@ -57,7 +56,7 @@ export function useSpace(props: SpaceProps) {
       if (isNumber(size)) {
         val = size
       } else {
-        val = SIZE_MAP[size] || SIZE_MAP.small
+        val = SIZE_MAP[size || 'small'] || SIZE_MAP.small
       }
 
       if ((wrap || fill) && dir === 'horizontal') {