diff --git a/index.html b/index.html
index 409c13b2..23fcd819 100644
--- a/index.html
+++ b/index.html
@@ -20,17 +20,19 @@
 <!--Connect page-->
 <div id=cn class="container-fluid" hidden>
   <div id="cn_lhs" class="col col-xs-3">
+    <div class="cn_head"><h2>Available Configurations</h2></div>
     <div id=cn_favs></div>
     <div id=cn_fav_btns class=dlg_btns>
       <div class="col left">
-        <button id=cn_neu><u>N</u>ew Configuration...</button>
-        <button id=cn_tgl_cfg class="pull-right"><u>C</u>ustom options
+        <button id=cn_neu><u>N</u>ew...</button>
+        <button id=cn_tgl_cfg class="pull-right"><u>E</u>dit
           <span id=cn_tgl_cfg_arrow></span>
         </button>
       </div>
     </div>
   </div>
   <div id="cn_rhs">
+    <div class="cn_head"><h2>Configuration Details</h2></div>
     <div id="cn_rhs_inner">
       <div id=cn_type_dtl>
         <div class="row">
diff --git a/style/less/colour/connect_page.less b/style/less/colour/connect_page.less
index 07e93e12..aeb883e6 100644
--- a/style/less/colour/connect_page.less
+++ b/style/less/colour/connect_page.less
@@ -45,6 +45,8 @@
 		outline: dotted black 1px;
 	}
 	>div{
+		border: 1px solid @DLG_BOTTOM_BG;
+		line-height: 36px;
 		background:@CN_FAV_BTN_BG;
 		color:@CN_FAV_BTN_FG;
 		&:not(:first-child) {
@@ -79,3 +81,7 @@
 		font-family: monospace;
 	}
 }
+.cn_head {
+	background-color: @DLG_BOTTOM_BG;
+	color: @CN_INPUT_FG;
+}
diff --git a/style/less/layout/connect_page.less b/style/less/layout/connect_page.less
index aa6c2420..53efba67 100644
--- a/style/less/layout/connect_page.less
+++ b/style/less/layout/connect_page.less
@@ -49,7 +49,7 @@
 }
 
 #cn_favs {
-  position:absolute;
+  position:relative;
   top: 0;
   left: 0;
   right: 0;
@@ -163,4 +163,12 @@
 
 #cn_args, #cn_env {
   width:100%;
+}
+.cn_head {
+  width:100%;
+  height: 4%;
+}
+.cn_head h2 {
+  font-weight: bold;
+  padding: 5px; 
 }
\ No newline at end of file
diff --git a/style/less/themes/base.less b/style/less/themes/base.less
index 82538a10..060e1ee8 100644
--- a/style/less/themes/base.less
+++ b/style/less/themes/base.less
@@ -15,7 +15,7 @@
 @DYALOG_LOGO_IMG:url(img/dyalog.png);
 @RIDE_LOGO_IMG:url(img/RideLogo.png);
 @SPLASH_IMG:url(img/RideSplash-Blue.png);
-@CN_LHS_BG:@THEME_SECONDARY_DIM;
+@CN_LHS_BG:@THEME_SECONDARY;
 @CN_RHS_BG:@THEME_SECONDARY;
 @CN_RHS_BG2:@THEME_SECONDARY;
 @CN_INPUT_BG:@CN_LHS_BG;
diff --git a/style/less/themes/dark.less b/style/less/themes/dark.less
index e6f3f6b8..356d5777 100644
--- a/style/less/themes/dark.less
+++ b/style/less/themes/dark.less
@@ -1,7 +1,7 @@
 @THEME_SECONDARY:#272937;
 @THEME_WIN_BG:@THEME_SECONDARY_DIM;
 @THEME_WIN_FG:white;
-@CN_LHS_BG:@THEME_SECONDARY;
+@CN_LHS_BG:#08090c;
 @CN_RHS_BG:@THEME_SECONDARY_DIM;
 @CN_RHS_BG2:black;
 @CN_INPUT_FG:white;
diff --git a/style/less/themes/light.less b/style/less/themes/light.less
index ec690c15..6b7e20ad 100644
--- a/style/less/themes/light.less
+++ b/style/less/themes/light.less
@@ -1,7 +1,7 @@
 @THEME_SECONDARY:#edeff5;
 @THEME_WIN_BG:@THEME_PRIMARY;
 @THEME_WIN_FG:black;
-@CN_LHS_BG:@THEME_SECONDARY_DIM;
+@CN_LHS_BG:#edeff5;
 @CN_RHS_BG:@THEME_SECONDARY;
 @CN_RHS_BG2:@THEME_SECONDARY;
 @CN_INPUT_FG:black;