diff --git a/src/dashboard/templates.py b/src/dashboard/templates.py
index cd2e0d6..e5c53d6 100644
--- a/src/dashboard/templates.py
+++ b/src/dashboard/templates.py
@@ -153,10 +153,12 @@ DASHBOARD_HTML = """
         .protocol-btn {
             padding: 8px 16px;
             background: #f8f9fa;
+            color: #333;
             border: 1px solid #ddd;
             border-radius: 4px;
             cursor: pointer;
             font-weight: normal;
+            transition: all 0.2s ease;
         }
         
         .protocol-btn.active {
@@ -168,10 +170,17 @@ DASHBOARD_HTML = """
         
         .protocol-btn:hover {
             background: #e9ecef;
+            color: #222;
+            border-color: #007acc;
+            transform: translateY(-1px);
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         }
         
         .protocol-btn.active:hover {
             background: #005a9e;
+            color: white;
+            transform: translateY(-1px);
+            box-shadow: 0 2px 4px rgba(0, 122, 204, 0.3);
         }
         
         /* Modal Styles */