diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 8d148e0b55..d4acf8a158 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -484,6 +484,10 @@ END MARKETING CSS
   color: black;
 }
 
+.hover-card > a > div {
+  color: black;
+}
+
 .hover-card > div > div {
   margin-bottom: 0.5rem;
 }
diff --git a/docs/registry/_index.md b/docs/registry/_index.md
index 625460c7f1..da94de5f31 100644
--- a/docs/registry/_index.md
+++ b/docs/registry/_index.md
@@ -28,10 +28,20 @@ menuindent: true
 
 The [Viam registry](https://app.viam.com/registry) is the central place where you can browse:
 
-- [ML models](/ml/) to deploy with machine applications like [computer vision](/ml/vision/)
-- {{< glossary_tooltip term_id="modular-resource" text="modular resources" >}} that add capabilities to your machine beyond what is built-in to `viam-server`
+{{< cards >}}
+{{% manualcard link="#ml-models" %}}
+
+**ML models** to deploy with machine applications like computer vision
+
+{{% /manualcard %}}
+{{% manualcard link="#modular-resources" %}}
+
+**Modular resources** that add capabilities to your machine beyond what is built-in to `viam-server`
+
+{{% /manualcard %}}
+{{< /cards >}}
 
-### ML models
+## ML models
 
 Viam provides the ability to train, upload, and deploy machine learning models within the platform.
 See [Machine Learning](/ml/) for more information.
@@ -62,7 +72,7 @@ You can search the available ML models from the Viam registry here:
 
 To use an existing model from the registry, [deploy the ML model to your robot](/ml/deploy//#create-an-ml-model-service) and use a [Vision service](/ml/vision/) to make detections or classifications on-machine.
 
-### Modular resources
+## Modular resources
 
 Viam provides built-in support for a variety of {{< glossary_tooltip term_id="resource" text="resources" >}}: