diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss
index 284f0411ef0..b943d7524d4 100644
--- a/app/assets/stylesheets/common/base/menu-panel.scss
+++ b/app/assets/stylesheets/common/base/menu-panel.scss
@@ -23,17 +23,7 @@
   overflow: none;
   padding: 0.5em 0.5em 0.5em 0.5em;
   width: 300px;
-
-  .close-panel {
-    float: right;
-    color: dark-light-choose(scale-color($header_primary, $lightness: 50%), $header_primary);
-    font-size: 1.5em;
-    margin-right: -10px;
-    margin-top: 0.1em;
-    padding: 0 4 4 4px;
-    z-index: 9999;
-  }
-
+  
   .panel-header {
     position: absolute;
     right: 20px;
diff --git a/test/javascripts/components/menu-panel-test.js.es6 b/test/javascripts/components/menu-panel-test.js.es6
index 64632263ecd..45607dc2b35 100644
--- a/test/javascripts/components/menu-panel-test.js.es6
+++ b/test/javascripts/components/menu-panel-test.js.es6
@@ -21,7 +21,6 @@ componentTest('as a dropdown', {
 
     this.set('panelVisible', true);
     andThen(() => {
-      assert.ok(!exists('.menu-panel .close-panel'), "the close X is not shown");
       assert.ok(!exists(".menu-panel.hidden"), "toggling visible makes it appear");
     });
 
@@ -62,14 +61,5 @@ componentTest('as a slide-in', {
       this.set('panelVisible', true);
     });
 
-    andThen(() => {
-      assert.ok(exists('.menu-panel .close-panel'), "the close X is shown");
-    });
-
-    click('.close-panel');
-    andThen(() => {
-      assert.ok(exists(".menu-panel.hidden"), "clicking the close button closes it");
-      assert.equal(this.get('panelVisible'), false, 'it updates the bound variable');
-    });
   }
 });