diff --git a/frontend/src/components/SettingsWidget.vue b/frontend/src/components/SettingsWidget.vue
index bab1dfc..9370c92 100644
--- a/frontend/src/components/SettingsWidget.vue
+++ b/frontend/src/components/SettingsWidget.vue
@@ -250,21 +250,21 @@ export default {
     }
     
     .contact-button {
-        background-color: #007bff;
-        color: white;
-        border: none;
-        padding: 5px 10px;
-        border-radius: 4px;
+        margin-left: 10px;
+        padding: 5px 12px;
         cursor: pointer;
+        background: #F9A22C;
+        color: #000000;
+        border: 1px solid #F9A22C;
+        border-radius: 4px;
+        transition: background 0.05s;
+        border: 1px solid transparent;
         font-size: 12px;
-        transition: background-color 0.2s;
     }
     
     .contact-button:hover {
-        background-color: #0056b3;
-    }
-    
-    .contact-button:active {
-        background-color: #004085;
+        background: #fdf1db;
+        color: #7E471B;
+        border: 1px solid #7E471B;
     }
 </style>
\ No newline at end of file