diff --git a/application/views/qso/index.php b/application/views/qso/index.php
index de785b98..5bbbbc10 100755
--- a/application/views/qso/index.php
+++ b/application/views/qso/index.php
@@ -308,7 +308,9 @@
 <?php } ?>
 
     <div class="card qso-map">
-        <div class="card-header"><h4 class="card-title">QSO Map</h4></div>
+        <div class="card-header">
+          <h4 class="card-title">QSO Map</h4>
+        </div>
 
             <div id="qsomap" style="width: 100%; height: 200px;"></div>
     </div>
diff --git a/assets/css/general.css b/assets/css/general.css
index bb1c71ff..ff6095cc 100644
--- a/assets/css/general.css
+++ b/assets/css/general.css
@@ -192,4 +192,15 @@ TD.lotw{
 
 .qsl_management {
     padding-top: 15px;
+}
+
+/*
+*
+*
+*/
+.qso-map-new .card-header {
+background: #0F2027;  /* fallback for old browsers */
+background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
+background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+color: #ffffff;
 }
\ No newline at end of file