diff --git a/_static/pyos.css b/_static/pyos.css
index 5ae6506b..9c60ca82 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 c7e1db43..cd36215c 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 3008f9cd..85a88217 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 d20964cf..b1b33b3e 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