diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss
index f57e9a37bc3825706a6331d3b061852763e49806..0807d583207e88542b0be90b835f221b4fdcb6e2 100644
--- a/app/assets/stylesheets/pages/boards.scss
+++ b/app/assets/stylesheets/pages/boards.scss
@@ -279,8 +279,38 @@ lex
   }
 }
 
-.right-sidebar.issue-boards-sidebar {
-  position: absolute;
-  top: 0;
-  bottom: 0;
+.issue-boards-sidebar {
+  &.right-sidebar {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+  }
+
+  .issuable-sidebar-header {
+    position: relative;
+  }
+
+  .gutter-toggle {
+    position: absolute;
+    top: 0;
+    bottom: 10px;
+    right: 0;
+    width: 22px;
+    color: $gray-darkest;
+
+    .fa {
+      position: absolute;
+      top: 50%;
+      margin-top: (-15px / 2);
+    }
+  }
+
+  .issuable-header-text {
+    width: 100%;
+    padding-right: 35px;
+
+    > strong {
+      font-weight: 600;
+    }
+  }
 }
diff --git a/app/views/projects/boards/components/_sidebar.html.haml b/app/views/projects/boards/components/_sidebar.html.haml
index b4a757a40a66a38b3335f8695fa0b75077bb539a..cf70ad4927a37a0d050c8955e8bc7103766ab992 100644
--- a/app/views/projects/boards/components/_sidebar.html.haml
+++ b/app/views/projects/boards/components/_sidebar.html.haml
@@ -13,7 +13,7 @@
         %a.gutter-toggle.pull-right{ role: "button",
           href: "#",
           "@click" => "closeSidebar",
-          aria: { label: "Toggle sidebar" } }
+          "aria-label" => "Toggle sidebar" }
           = icon("times")
       .js-issuable-update
         = render "projects/boards/components/sidebar/assignee"