diff --git a/components/layout/Sider.tsx b/components/layout/Sider.tsx
index b169b1af8a..50c34a7a1e 100644
--- a/components/layout/Sider.tsx
+++ b/components/layout/Sider.tsx
@@ -213,7 +213,10 @@ class Sider extends React.Component<SiderProps, SiderState> {
     // special trigger when collapsedWidth == 0
     const zeroWidthTrigger =
       parseFloat(String(collapsedWidth || 0)) === 0 ? (
-        <span onClick={this.toggle} className={`${prefixCls}-zero-width-trigger`}>
+        <span
+          onClick={this.toggle}
+          className={`${prefixCls}-zero-width-trigger-${reverseArrow ? 'right' : 'left'}`}
+        >
           <Icon type="bars" />
         </span>
       ) : null;
diff --git a/components/layout/style/index.less b/components/layout/style/index.less
index 9ac2b014c2..85138faa6d 100644
--- a/components/layout/style/index.less
+++ b/components/layout/style/index.less
@@ -110,6 +110,14 @@
         &:hover {
           background: tint(@layout-sider-background, 10%);
         }
+
+        &-left {
+          right: -@layout-zero-trigger-width;
+        }
+
+        &-right {
+          left: -@layout-zero-trigger-width;
+        }
       }
     }
   }