diff --git a/hub/services/static/css/price-calculator.css b/hub/services/static/css/price-calculator.css
index 5efe5f6..a65d8cc 100644
--- a/hub/services/static/css/price-calculator.css
+++ b/hub/services/static/css/price-calculator.css
@@ -49,9 +49,9 @@
 
 /* Best choice badge styling */
 .badge.bg-success {
-    background: linear-gradient(135deg, #198754 0%, #20c997 100%) !important;
     border: 2px solid white;
-    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.151);
+    color: rgb(255, 255, 255);
     white-space: nowrap;
     font-size: 0.75rem;
     padding: 0.5rem 0.75rem;
diff --git a/hub/services/templates/services/offering_detail.html b/hub/services/templates/services/offering_detail.html
index 7263024..e6682e3 100644
--- a/hub/services/templates/services/offering_detail.html
+++ b/hub/services/templates/services/offering_detail.html
@@ -473,7 +473,7 @@
                                                 <!-- Plan Action Button -->
                                                 <div class="text-center mt-auto pt-3">
                                                     <a href="#plan-order-form" class="btn {% if plan.is_best %}btn-success btn-lg px-4 py-2 shadow{% else %}btn-primary btn-lg px-4 py-2{% endif %} fw-semibold w-100" data-plan-id="{{ plan.id }}" data-plan-name="{{ plan.name }}" onclick="selectPlan(this)">
-                                                        <i class="bi bi-{% if plan.is_best %}star-fill{% else %}cart{% endif %} me-2"></i>{% if plan.is_best %}Select Best Plan{% else %}Select This Plan{% endif %}
+                                                        <i class="bi bi-{% if plan.is_best %}star-fill{% else %}cart{% endif %} me-2"></i>Select Plan
                                                     </a>
                                                 </div>
                                             </div>