diff --git a/packages/common/components/Navigation/sub-components/toggle-infopanel-btn.js b/packages/common/components/Navigation/sub-components/toggle-infopanel-btn.js
index ebcad8ecb7..3b251c72cf 100644
--- a/packages/common/components/Navigation/sub-components/toggle-infopanel-btn.js
+++ b/packages/common/components/Navigation/sub-components/toggle-infopanel-btn.js
@@ -8,10 +8,12 @@ import { ColorTheme, ThemeType } from "@docspace/components/ColorTheme";
 
 const StyledInfoPanelToggleColorThemeWrapper = styled(ColorTheme)`
   align-self: center;
+
   ${props =>
     props.theme.interfaceDirection === "rtl"
       ? css`
           margin-right: auto;
+          transform: scaleX(-1);
         `
       : css`
           margin-left: auto;