diff --git a/public_html/deployment/main.css b/public_html/deployment/main.css
index e098c712cb156290a74a22d8e39759d520ead39b..2009855fe44456e4ecb8ca0c4d912bbe5aa66cb2 100644
--- a/public_html/deployment/main.css
+++ b/public_html/deployment/main.css
@@ -135,7 +135,7 @@ th{/*border-radius: 0.7em 0.7em 0 0; background:#f0f0f0; */ text-align: center;
 thead tr th.prj{border-bottom: none;}
 th.versioncontrol{background: #eee; }
 tr{ }
-tr:hover{background:#ddd; background: linear-gradient(#f4f4f4,#fff,#f4f4f4);}
+tr:hover{background:#f0f4f8; background_: linear-gradient(#f4f4f4,#fff,#f4f4f4);}
 
 .trproject td{padding: 3px !important;}
 .trproject a.btn{opacity: 0.2; transition: ease-in-out all 0.3s;}
@@ -170,10 +170,8 @@ button.prjprogress.selected{box-shadow: 0 0 3em #abc inset; border: 0px solid #a
     display: none;
 }
 
-th.tdphase{border-radius: 0.5em 0.5em 0 0;}
-td.preview{}
-td.stage{}
-td.live{}
+th.tdphase{border-radius: 1em 1em 0 0;}
+
 td{}
 td.highlight{animation: blinker 0.7s linear infinite;}
 @keyframes blinker {  
@@ -327,7 +325,7 @@ input[type="radio"]:checked+label, input[type="checkbox"]:checked+label{
 /* ----- visualized process ----- */
 .visualprocess{float: left; margin-top: 1em;}
 .visualprocess .process{float:left; text-align: center; padding: 0 0 5px; }
-.visualprocess .process.box{border: 2px dotted #bcd; padding: 0.5em; min-height: 16em;} 
+.visualprocess .process.box{border: 2px dotted #abc; padding: 0.5em; min-height: 16em;} 
 
 .visualprocess .action{float:left;padding: 0em 1em 1em 1em; background: #fff;}
 .visualprocess .process .title{margin-bottom: 1em; font-weight: bold; font-size: 120%; color:#aaa;}
diff --git a/public_html/deployment/main_new_ui.css b/public_html/deployment/main_new_ui.css
index cf16219edd9b846eb45b39aacee8c83d32dc6184..97195540051adca097e01905dcdb355a370b6b0b 100644
--- a/public_html/deployment/main_new_ui.css
+++ b/public_html/deployment/main_new_ui.css
@@ -18,4 +18,8 @@ a.topbrand small{margin-left: 0.3em; font-weight: normal;}
 /* no line break in top menu */
 .dropdown-menu a{white-space: nowrap;}
 
-.navbar-nav li.divider{border-left: 1px solid rgba(0,0,0,0.2);}
\ No newline at end of file
+/* a vertical divider in top navigation */
+.navbar-nav li.divider{border-left: 1px solid rgba(0,0,0,0.2);}
+
+/* top right breadcrumb color */
+.breadcrumb a{color: #666;}
\ No newline at end of file
diff --git a/public_html/deployment/pages/act_overview.php b/public_html/deployment/pages/act_overview.php
index c148cf5d1cc26eea971eabfa723a58f35e03be53..b01bfe48ae866dde13e1770ce8b06db64892c379 100644
--- a/public_html/deployment/pages/act_overview.php
+++ b/public_html/deployment/pages/act_overview.php
@@ -113,7 +113,8 @@ if (!array_key_exists("prj", $aParams)) {
     foreach($oPrj->getActivePhases() as $sPhase){
         $sPhaselinks.='<div class="btn-group w-100">'.$oPrj->renderLink("phase", $sPhase).'</div>'
             //. (!$oPrj->canAcceptPhase($sPhase) ? '<div class="btn-group w-100">'.$oPrj->renderLink("accept", $sPhase).'</div>' : '')
-            .'<br><br>';
+            // .'<br><br>'
+            ;
         $sLastPhase = $sPhase;
     }
     $BODY=
diff --git a/public_html/deployment/pages/act_phase.php b/public_html/deployment/pages/act_phase.php
index 09a562442476157157b8e91c6eb5cc55b0546c23..1cacef842d65ff4abe599bd5f470874beb5db26c 100644
--- a/public_html/deployment/pages/act_phase.php
+++ b/public_html/deployment/pages/act_phase.php
@@ -233,7 +233,7 @@ if ($sPhase) {
     <table>
      <thead>
          <tr>
-             <th class="' . $sPhase . '" colspan="3">' . $sPhase . '</th>
+             <th class="' . $sPhase . ' tdphase" colspan="3">' . $sPhase . '</th>
          </tr>
      </thead>
      <tbody>