diff --git a/src/app/services/[id]/page.tsx b/src/app/services/[id]/page.tsx
index e0b1c44..7bc6634 100644
--- a/src/app/services/[id]/page.tsx
+++ b/src/app/services/[id]/page.tsx
@@ -95,7 +95,7 @@ const ShowServicePage = async ({
                   icon={faDatabase}
                   href={`/services/${serviceId}/databases`}
                   text="Databases"
-                  variant="secondary"
+                  variant="outline-primary"
                   size="sm"
                   stretched
                 />
@@ -104,7 +104,7 @@ const ShowServicePage = async ({
                   icon={faNetworkWired}
                   href={`/services/${serviceId}/networks`}
                   text="Networks"
-                  variant="secondary"
+                  variant="outline-primary"
                   size="sm"
                   stretched
                 />