diff --git a/src/web/templates/components/service_card.html b/src/web/templates/components/service_card.html
index c9b8966..26d6617 100644
--- a/src/web/templates/components/service_card.html
+++ b/src/web/templates/components/service_card.html
@@ -1,6 +1,6 @@
 {{/* service_card.html */}}
 <a href="/service/{{.Name}}" class="max-w-md">
-    <div class="p-4 m-2 transition duration-500 bg-gray-700 border border-transparent rounded-lg shadow-lg backdrop-blur-md bg-opacity-30 hover:border-lime-600 min-w-32">
+    <div class="p-4 m-2 transition duration-500 bg-gray-700 border border-transparent rounded-lg shadow-lg backdrop-blur-md bg-opacity-30 hover:border-lime-600/70 min-w-32">
         <div class="flex items-center justify-between">
             <div class="flex items-center">
                 <img src="{{.LogoURL}}" alt="{{.Name}} logo" class="w-12 h-12 mr-4 rounded-full">