diff --git a/src/app/menupanel/activelayers/activelayerspanel.component.html b/src/app/menupanel/activelayers/activelayerspanel.component.html
index c9ec6040..201906d6 100644
--- a/src/app/menupanel/activelayers/activelayerspanel.component.html
+++ b/src/app/menupanel/activelayers/activelayerspanel.component.html
@@ -51,17 +51,17 @@
                 <div style="position: inherit;" class="card card-info card-with-tabs layer-card">
                     <div class="rh_info_wrap">
                         <div class="card-header">
-                            <ul id="card-tab" class="nav nav-tabs">
+                            <ul id="card-tab">
                                 <!-- Layer Styling tab -->
                                 <li (click)="selectTabPanel(layer.id,'filterpanel')" class="tab-item">
-                                    <a data-toggle="tab">
-                                        <span class="d-none tab-link d-sm-inline mr-2">Layer Styling</span>
+                                    <a>
+                                        <span class="d-none tab-link d-sm-inline">Layer Styling</span>
                                     </a>
                                 </li>
                                 <!-- Layer Download tab -->
-                                <li *ngIf="isMapSupportedLayer(layer) && isDownloadSupportedLayer(layer)" (click)="selectTabPanel(layer.id,'downloadpanel')" [ngClass]="{'active': getUILayerModel(layer.id)?.tabpanel.downloadpanel.expanded}" class="d-none d-md-block">
-                                    <a data-toggle="tab">
-                                        <span>Download</span>
+                                <li *ngIf="isMapSupportedLayer(layer) && isDownloadSupportedLayer(layer)" (click)="selectTabPanel(layer.id,'downloadpanel')" [ngClass]="{'active': getUILayerModel(layer.id)?.tabpanel.downloadpanel.expanded}" class="tab-item">
+                                    <a>
+                                        <span class="d-none tab-link d-sm-inline ml-2" >Download</span>
                                     </a>
                                 </li>
                             </ul>
diff --git a/src/app/menupanel/activelayers/activelayerspanel.component.scss b/src/app/menupanel/activelayers/activelayerspanel.component.scss
index 760d70bf..61cd5038 100644
--- a/src/app/menupanel/activelayers/activelayerspanel.component.scss
+++ b/src/app/menupanel/activelayers/activelayerspanel.component.scss
@@ -202,12 +202,12 @@ u {
 
 .tab-link {
     display: inline-block;
-    padding: 10px 15px;
+    padding: 10px 10px;
     text-decoration: none;
     color: #605E7B; /* Primary color */
     background-color: #f8f9fa; /* Light background */
     border: 1px solid #dee2e6; /* Border color */
-    border-radius: 4px;
+    // border-radius: 4px;
     transition: background-color 0.2s, color 0.2s;
 }
 
@@ -215,16 +215,21 @@ u {
 .tab-link:focus {
     background-color: #e2e6ea; /* Light hover color */
     color: #605E7B; /* Darker text color on hover */
+    cursor: pointer;
 }
 
-.tab-link.active {
-    background-color: #605E7B; /* Active background color */
-    color: #ffffff; /* Active text color */
-    border-color: #605E7B;
+#card-tab .active span{
+    background-color: #e2e6ea; /* Light hover color */
+    color: #605E7B; /* Active text color */
+    border-color: #e2e6ea; /* Active border color */
 }
 
 .rh_info .btn-info {
-    margin-bottom: 24px; 
+    margin-bottom: 40px; 
     background-color: #117a8b; 
     border-color:#10707f;
+}
+#card-tab {
+    padding: 11px;
+    display: flex;
 }
\ No newline at end of file