diff --git a/devui/button/src/button.tsx b/devui/button/src/button.tsx
index 080db685ddcdec5ff37e305497d67133071b72a8..0130fd820a7151583ec583d97548412f3b6b0a62 100644
--- a/devui/button/src/button.tsx
+++ b/devui/button/src/button.tsx
@@ -22,10 +22,10 @@ export default defineComponent({
     const btnClass = computed(() => {
       const { btnStyle, size, position, bordered, icon } = props;
       const origin = `devui-btn devui-btn-${btnStyle} devui-btn-${size} devui-btn-${position}`;
-      const broderedClazz = bordered ? 'bordered' : '';
+      const borderedClass = bordered ? 'bordered' : '';
       const btnIcon = !!icon && !hasContent.value && btnStyle !== 'primary' ? 'd-btn-icon' : '';
       const btnIconWrap = !!icon ? 'd-btn-icon-wrap' : '';
-      return `${origin} ${broderedClazz} ${btnIcon} ${btnIconWrap}`;
+      return `${origin} ${borderedClass} ${btnIcon} ${btnIconWrap}`;
     });
 
     const iconClass = computed(() => {
@@ -72,4 +72,4 @@ export default defineComponent({
       );
     }
   }
-});
\ No newline at end of file
+});