diff --git a/components/badge/style/index.tsx b/components/badge/style/index.tsx
index a2f87ab555b7..1505bd7eef05 100644
--- a/components/badge/style/index.tsx
+++ b/components/badge/style/index.tsx
@@ -276,6 +276,15 @@ const genSharedBadgeStyle: GenerateStyle<BadgeToken> = (token: BadgeToken): CSSO
         },
         [`${numberPrefixCls}-symbol`]: { verticalAlign: 'top' },
       },
+
+      // ====================== RTL =======================
+      '&-rtl': {
+        direction: 'rtl',
+
+        [`${componentCls}-count, ${componentCls}-dot, ${numberPrefixCls}-custom-component`]: {
+          insetInlineEnd: 'auto',
+        },
+      },
     },
     [`${ribbonWrapperPrefixCls}`]: { position: 'relative' },
     [`${ribbonPrefixCls}`]: {
@@ -307,7 +316,8 @@ const genSharedBadgeStyle: GenerateStyle<BadgeToken> = (token: BadgeToken): CSSO
         borderEndEndRadius: 0,
         [`${ribbonPrefixCls}-corner`]: {
           insetInlineEnd: 0,
-          borderColor: 'currentcolor transparent transparent currentcolor',
+          borderInlineEndColor: 'transparent',
+          borderBlockEndColor: 'transparent',
         },
       },
       [`&${ribbonPrefixCls}-placement-start`]: {
@@ -315,9 +325,15 @@ const genSharedBadgeStyle: GenerateStyle<BadgeToken> = (token: BadgeToken): CSSO
         borderEndStartRadius: 0,
         [`${ribbonPrefixCls}-corner`]: {
           insetInlineStart: 0,
-          borderColor: 'currentcolor currentcolor transparent transparent',
+          borderBlockEndColor: 'transparent',
+          borderInlineStartColor: 'transparent',
         },
       },
+
+      // ====================== RTL =======================
+      '&-rtl': {
+        direction: 'rtl',
+      },
     },
   };
 };