diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js
index 8d41b8f559377d677ad898efa5c6c0f06cec6d22..ad9c037b16ebfb7011135bcdad2fe5656f12f1a0 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/components/StationTestView.js
@@ -299,7 +299,7 @@ class RTSMSummaryLine extends Component {
         jsx = (
                 <React.Fragment>
                     <tr>
-                        <td className="line-header" onClick={this.toggleDisplaySingleTests}>
+                        <td className="line-header btn" onClick={this.toggleDisplaySingleTests}>
                             <div  className="line-header-text">RT {this.renderDateRange(this.props.data)}</div>
                             <DropDownIcon className={"line-header-dropdownbutton " + dropdownAdditionStyles} color="black" />
                         </td>
@@ -382,7 +382,7 @@ class ComponentClass extends Component {
         const rows = this.renderTestLines(this.props.data)
 
         const jsx = (
-            <ReactTableContainer width="98%" maxHeight="80vh">
+            <ReactTableContainer width="98%" height="79vh">
                 <table className="table-sm table-hover">
                  {this.renderHeader()}
                  <tbody>
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css
index 40c72b74fbfbcc0f4831b3658a643634e84774da..5362252bddc1d7ab6b15d8ccc5c6bfe552a26755 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.css
@@ -37,11 +37,12 @@
   /* Check with height of .react-grid-item-header */
   left: 0.25em;
   border: 0.55rem solid #e1e1e1;
-  border-top: 0.55rem solid #8d8d8d;
+  border-top: 0.55rem solid #a7689d;
   border-radius: 50%;
   width: 3rem;
   height: 3rem;
-  animation: spin 2s linear infinite; }
+  animation: spin 2s linear infinite;
+  z-index: 1000; }
 
 @keyframes spin {
   0% {
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.scss b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.scss
index 4d58b89c074f131d8a424ed7a518ea7506f47033..6e91e5fa74f7ed3aedad843fe1cedf2b2ad190d5 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.scss
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar-styles.scss
@@ -44,11 +44,12 @@ $griditem-color: $secondary-dark;
     top: 2.25em;    /* Check with height of .react-grid-item-header */
     left: 0.25em;
     border: .55rem solid $secondary-light;
-    border-top: .55rem solid $secondary-dark;
+    border-top: .55rem solid $primary-light;
     border-radius: 50%;
     width: 3rem;
     height: 3rem;
     animation: spin 2s linear infinite;
+    z-index: 1000;
 }
 @keyframes spin {
     0% { transform: rotate(0deg); }
diff --git a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css
index bbb681bdaa7d9348bf3d4d1c69d9f84e19717bfe..b5616d6e3a154782e66a9f9f889c7d8cc824f3af 100644
--- a/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css
+++ b/LCU/Maintenance/MDB_WebView/maintenancedb_view/src/themes/lofar.css
@@ -6356,11 +6356,12 @@ a.text-dark:hover, a.text-dark:focus {
   /* Check with height of .react-grid-item-header */
   left: 0.25em;
   border: 0.55rem solid #e1e1e1;
-  border-top: 0.55rem solid #8d8d8d;
+  border-top: 0.55rem solid #a7689d;
   border-radius: 50%;
   width: 3rem;
   height: 3rem;
-  animation: spin 2s linear infinite; }
+  animation: spin 2s linear infinite;
+  z-index: 1000; }
 
 @keyframes spin {
   0% {