diff --git a/src/css/custom.css b/src/css/custom.css
index 5c17009dbf..8e4eb7e430 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -301,8 +301,6 @@ navbar .navbar .navbar__link[href*="self-managed"] {
 
 .component-block {
   transition: all 0.3s ease;
-  background-color: white;
-  color: #fc5d0d;
   border-radius: 25px;
   box-shadow: 4px 4px 4px 1px lightgray;
   margin: 2px;
@@ -313,6 +311,15 @@ navbar .navbar .navbar__link[href*="self-managed"] {
   transition: all 0.3s ease;
 }
 
+.component-block a {
+  color: var(--ifm-color-black);
+}
+
+.component-block a:hover {
+  color: var(--ifm-color-primary);
+  text-decoration: none;
+}
+
 div[class^="announcementBar_"] {
   font-size: 120%;
   padding: 1em 0;