diff --git a/src/ts/component/sidebar/index.tsx b/src/ts/component/sidebar/index.tsx
index 826e7cd33e..46005a3d5f 100644
--- a/src/ts/component/sidebar/index.tsx
+++ b/src/ts/component/sidebar/index.tsx
@@ -45,6 +45,7 @@ const Sidebar = observer(class Sidebar extends React.Component<{}, State> {
 	};
 
 	render() {
+		const { showVault } = S.Common;
 		const page = this.state.page || 'widget';
 		const cmd = keyboard.cmdSymbol();
 		const Component = Components[page];
@@ -98,13 +99,8 @@ const Sidebar = observer(class Sidebar extends React.Component<{}, State> {
 		const node = $(this.node);
 		const vault = $(S.Common.getRef('vault').node);
 
-		if (showVault) {
-			node.addClass('withVault');
-			vault.removeClass('isHidden');
-		} else {
-			node.removeClass('withVault');
-			vault.addClass('isHidden');
-		};
+		node.toggleClass('withVault', showVault);
+		vault.toggleClass('isHidden', !showVault);
 	};
 
 	setActive (id: string): void {