diff --git a/frontend/scenes/DocumentScene/components/Sidebar/Sidebar.js b/frontend/scenes/DocumentScene/components/Sidebar/Sidebar.js
index c8da34a3..b03fe45f 100644
--- a/frontend/scenes/DocumentScene/components/Sidebar/Sidebar.js
+++ b/frontend/scenes/DocumentScene/components/Sidebar/Sidebar.js
@@ -12,8 +12,6 @@ const cx = classNames.bind(styles);
 
 import SidebarStore from './SidebarStore';
 
-// import treeStyles from 'components/Tree/Tree.scss';
-
 @observer
 class Sidebar extends React.Component {
   static store;
@@ -69,7 +67,7 @@ class Sidebar extends React.Component {
         ) }
         <div
           onClick={ this.props.onToggle }
-          className={ styles.sidebarToggle }
+          className={ cx(styles.sidebarToggle, { active: this.store.isEditing }) }
           title="Toggle sidebar (Cmd+/)"
         >
           <img
diff --git a/frontend/scenes/DocumentScene/components/Sidebar/Sidebar.scss b/frontend/scenes/DocumentScene/components/Sidebar/Sidebar.scss
index 96f0f90d..07f98a3f 100644
--- a/frontend/scenes/DocumentScene/components/Sidebar/Sidebar.scss
+++ b/frontend/scenes/DocumentScene/components/Sidebar/Sidebar.scss
@@ -48,7 +48,7 @@
 }
 
 .action {
-  color: $darkGray;
+  color: $gray;
 
   &.active {
     color: $textColor;