diff --git a/_static/pyos.css b/_static/pyos.css
index 5ae6506b9..9c60ca828 100644
--- a/_static/pyos.css
+++ b/_static/pyos.css
@@ -299,3 +299,8 @@ html[data-theme=dark] {
         text-align: left;
     }
 }
+
+p.sd-card-text {
+    text-align: left;
+    padding: 1em;
+}
diff --git a/conf.py b/conf.py
index c7e1db43b..cd36215ca 100644
--- a/conf.py
+++ b/conf.py
@@ -87,7 +87,7 @@
         "image_light": "logo-light-mode.png",
         "alt_text": "pyOpenSci Python Package Guide. The pyOpenSci logo is a purple flower with pyOpenSci under it. The o in open sci is the center of the flower",
     },
-    "header_links_before_dropdown": 3,
+    "header_links_before_dropdown": 4,
     "use_edit_page_button": True,
     "show_nav_level": 2,
     "navigation_depth": 3,
diff --git a/index.md b/index.md
index 3008f9cdb..85a882175 100644
--- a/index.md
+++ b/index.md
@@ -176,9 +176,6 @@ This guidebook is for anyone interested in learning more about Python packaging.
 1. Resources to help you navigate the Python packaging ecosystem of tools and approaches to packaging.
 1. A curated list of resources to help you get your package into documented, usable and maintainable shape.
 
-
-
-
 ## Where this guide is headed
 
 If you have ideas of things you'd like
@@ -190,7 +187,7 @@ This is a living guide that is updated as tools and best practices evolve in the
 
 ```{toctree}
 :hidden:
-:caption: Testing
+:caption: Tutorials
 
 Tutorials  <tutorials/intro>
 
@@ -217,5 +214,7 @@ Packaging <package-structure-code/intro>
 :caption: Testing
 
 Tests  <tests/index>
+Write tests <tests/write-tests>
+Types of tests <tests/test-types>
 
 ```
diff --git a/tests/index.md b/tests/index.md
index d20964cf5..b1b33b3e6 100644
--- a/tests/index.md
+++ b/tests/index.md
@@ -9,33 +9,35 @@ tests for your Python package and how you can setup infrastructure
 to run your tests both locally and on GitHub.
 
 
-::::{grid} 1 1 3 3
+:::::{grid} 1 1 3 3
 :class-container: text-center
 :gutter: 3
 
-:::{grid-item-card}
+::::{grid-item}
+:::{card} ✨ Why write tests ✨
 :link: write-tests
 :link-type: doc
-
-✨ Why write tests ✨
-^^^
+:class-card: left-aligned
 
 Learn more about the art of writing tests for your Python package.
 Learn about why you should write tests and how they can help you and
 potential contributors to your project.
 :::
+::::
 
-:::{grid-item-card}
+::::{grid-item}
+:::{card} ✨ Types of tests ✨
 :link: test-types
 :link-type: doc
+:class-card: left-aligned
 
-✨ Types of tests ✨
-^^^
 There are three general types of tests that you can write for your Python
 package: unit tests, integration tests and end-to-end (or functional) tests. Learn about all three.
 :::
 ::::
 
+:::::
+
 
 :::{figure-md} fig-target