diff --git a/stylesheets/_session.scss b/stylesheets/_session.scss
index fcfeb8a36..9da240d89 100644
--- a/stylesheets/_session.scss
+++ b/stylesheets/_session.scss
@@ -107,6 +107,8 @@ $session-font-xl: 24px;
 
 $session-search-input-height: 34px;
 $main-view-header-height: 85px;
+$session-left-pane-width: 300px;
+$session-left-pane-sections-container-width: 80px;
 
 div.spacer-sm {
   height: $session-margin-sm;
diff --git a/stylesheets/_session_left_pane.scss b/stylesheets/_session_left_pane.scss
index 1559fe109..16ccfb07c 100644
--- a/stylesheets/_session_left_pane.scss
+++ b/stylesheets/_session_left_pane.scss
@@ -136,7 +136,7 @@ $session-compose-margin: 20px;
 
 .module-left-pane {
   border-right: none !important;
-  width: 300px;
+  width: $session-left-pane-width;
   position: relative;
   height: -webkit-fill-available;
 
@@ -153,7 +153,7 @@ $session-compose-margin: 20px;
 
   &__sections-container {
     height: -webkit-fill-available;
-    width: 80px;
+    width: $session-left-pane-sections-container-width;
     display: inline-flex;
     flex-direction: column;
 
@@ -247,37 +247,34 @@ $session-compose-margin: 20px;
 
     h3 {
       padding-top: 22px;
+      position: relative;
+
+      .green-border {
+        position: absolute;
+        color: $session-color-green;
+        background-color: $session-color-green;
+        height: 5px;
+        left: -10px;
+        right: -10px;
+        margin-top: 7px;
+        border: none;
+        z-index: 1;
+      }
     }
 
     h4 {
       text-transform: uppercase;
     }
 
-    &-border-container {
-      width: -webkit-fill-available;
+    .white-border {
+      width: $session-left-pane-width;
       position: relative;
+      height: 1px;
+      opacity: 0.3;
+      margin-top: -10px;
       margin-bottom: 50px;
-      .green {
-        position: absolute;
-        color: $session-color-green;
-        background-color: $session-color-green;
-        height: 6px;
-        width: 130px;
-        left: 50%;
-        margin-left: -65px;
-        top: 50%;
-        margin-top: 6px;
-        border: none;
-      }
-
-      .white {
-        position: absolute;
-        color: none;
-        height: 1px;
-        width: -webkit-fill-available;
-        opacity: 0.3;
-      }
     }
+
     .exit {
       margin-top: 10px;
       margin-left: 13px;
diff --git a/ts/components/session/SessionClosableOverlay.tsx b/ts/components/session/SessionClosableOverlay.tsx
index 30d9a94f3..af1238f0f 100644
--- a/ts/components/session/SessionClosableOverlay.tsx
+++ b/ts/components/session/SessionClosableOverlay.tsx
@@ -93,11 +93,11 @@ export class SessionClosableOverlay extends React.Component<Props> {
           />
         </div>
         <h2>{title}</h2>
-        <h3>{subtitle}</h3>
-        <div className="module-left-pane-overlay-border-container">
-          <hr className="white" />
-          <hr className="green" />
-        </div>
+        <h3>
+          {subtitle}
+          <hr className="green-border" />
+        </h3>
+        <hr className="white-border" />
         <SessionIdEditable
           ref={this.inputRef}
           editable={true}