diff --git a/client/components/sidebar/sidebar.css b/client/components/sidebar/sidebar.css
index c25e9bbac..4d0488b95 100644
--- a/client/components/sidebar/sidebar.css
+++ b/client/components/sidebar/sidebar.css
@@ -14,6 +14,12 @@
   box-shadow: -10px 0px 5px -10px #b3b3b3;
   z-index: 10;
 }
+.sidebar-xmark {
+  position: absolute;
+  right: 10px;
+  top: 5px;
+  font-size: 25px;
+}
 .sidebar .sidebar-content {
   padding: 12px;
   margin-bottom: 1.6em;
@@ -24,6 +30,7 @@
   left: 0;
   overflow-x: hidden;
   overflow-y: auto;
+  width: 90%;
 }
 .sidebar .sidebar-content .hide-btn {
   display: none;
diff --git a/client/components/sidebar/sidebar.jade b/client/components/sidebar/sidebar.jade
index fcc9a5f66..e99356aa9 100644
--- a/client/components/sidebar/sidebar.jade
+++ b/client/components/sidebar/sidebar.jade
@@ -5,6 +5,7 @@ template(name="sidebar")
     //  title="{{showTongueTitle}}")
     //  i.fa.fa-navicon
     .sidebar-shadow
+      a.sidebar-xmark.js-close-sidebar ✕
       .sidebar-content.js-board-sidebar-content
         //a.hide-btn.js-hide-sidebar
         //  i.fa.fa-navicon
diff --git a/client/components/sidebar/sidebar.js b/client/components/sidebar/sidebar.js
index ad18303e1..e49e2eda5 100644
--- a/client/components/sidebar/sidebar.js
+++ b/client/components/sidebar/sidebar.js
@@ -125,6 +125,9 @@ BlazeComponent.extendComponent({
         'click .js-shortcuts'() {
           FlowRouter.go('shortcuts');
         },
+        'click .js-close-sidebar'() {
+          Sidebar.toggle()
+        },
       },
     ];
   },