diff --git a/src/TabNavList/OperationNode.tsx b/src/TabNavList/OperationNode.tsx index d489fa6e..ec106aaa 100644 --- a/src/TabNavList/OperationNode.tsx +++ b/src/TabNavList/OperationNode.tsx @@ -141,7 +141,7 @@ function OperationNode( // ========================= Render ========================= const moreStyle: React.CSSProperties = { - [rtl ? 'marginLeft' : 'marginRight']: tabBarGutter, + [rtl ? 'marginRight' : 'marginLeft']: tabBarGutter, }; if (!tabs.length) { moreStyle.visibility = 'hidden'; diff --git a/src/TabNavList/TabNode.tsx b/src/TabNavList/TabNode.tsx index d68d675c..42493dad 100644 --- a/src/TabNavList/TabNode.tsx +++ b/src/TabNavList/TabNode.tsx @@ -47,9 +47,9 @@ function TabNode( const nodeStyle: React.CSSProperties = {}; if (tabPosition === 'top' || tabPosition === 'bottom') { - nodeStyle[rtl ? 'marginLeft' : 'marginRight'] = tabBarGutter; + nodeStyle[rtl ? 'marginRight' : 'marginLeft'] = tabBarGutter; } else { - nodeStyle.marginBottom = tabBarGutter; + nodeStyle.marginTop = tabBarGutter; } const removable = editable && closable !== false && !disabled;