diff --git a/docs/dev-corner/development-projects/.pages b/docs/dev-corner/development-projects/.pages
index 08fffc77c..a8e4a92be 100644
--- a/docs/dev-corner/development-projects/.pages
+++ b/docs/dev-corner/development-projects/.pages
@@ -1,7 +1,7 @@
 title: FlyByWire Projects
 nav:
     - Overview: index.md
-    - Documentation Project: documentation.md
+    - Documentation Project: documentation-project
     - Website Project: website.md
     - Discord Bot: discord-bot.md
     - Advanced Cockpit Emulator: ace.md
diff --git a/docs/dev-corner/development-projects/documentation-project/.pages b/docs/dev-corner/development-projects/documentation-project/.pages
new file mode 100644
index 000000000..cbf68a26e
--- /dev/null
+++ b/docs/dev-corner/development-projects/documentation-project/.pages
@@ -0,0 +1,3 @@
+nav:
+    - Development Environment: documentation.md
+    - ...
diff --git a/docs/dev-corner/development-projects/documentation.md b/docs/dev-corner/development-projects/documentation-project/documentation.md
similarity index 61%
rename from docs/dev-corner/development-projects/documentation.md
rename to docs/dev-corner/development-projects/documentation-project/documentation.md
index a007c9cda..9269e370d 100644
--- a/docs/dev-corner/development-projects/documentation.md
+++ b/docs/dev-corner/development-projects/documentation-project/documentation.md
@@ -4,6 +4,11 @@
 
 ## Background
 
+!!! info "Guides"
+    If you would like to setup the documentation project locally please continue with this guide.
+
+    If you would like to understand our guidelines on writing and different available features please see the [Writing Documentation](writing-documentation.md) Page instead.
+
 The FlyByWire Documentation Project aims to provide all necessary information and documentation to successfully install and use the FlyByWire A32NX aircraft in Microsoft Flight Simulator.
 
 For this, we provide documentation about the A32NX add-on itself, but also valuable additional documentation on how to fly an airliner on Microsoft Flight Simulator in general and even some specific A320neo documentation for the more involved user.
@@ -116,7 +121,7 @@ feature.
         1. For production or PR purposes, please ensure that the above plugin reads `external-markdown: {}` (without the preceding `#`) before finalizing your PR.
   
 !!! info "Faster Preview Server"
-    You can opt to use a faster instance of the developer server by invoking the flag `--dirtyreload`. This just checks for any markdown that has changed since the HTML was rendered and will reconstruct any relevant pages only, rather than rebuilding the entire website.
+    You can opt to use a faster instance of the developer server by invoking the flag `--dirty`. This just checks for any markdown that has changed since the HTML was rendered and will reconstruct any relevant pages only, rather than rebuilding the entire website.
 
     ```
     mkdocs.exe serve --dirty
@@ -184,106 +189,6 @@ If you would like to fully test a complete build of the production website, you
     
     - Social Cards
 
-### How to Write Documentation for FlyByWire
-
-#### Technical How-To
-
-- You can edit existing pages simply by editing an existing `pagename.md`.
-- To create a page, simply create a new file "pagename.md" in an appropriate folder and start writing your documentation. Best practices it to look at other pages regarding the general structure (Headings, Material for MkDocs features, etc.).
-- Create the page in the navigation folder you feel this page belongs to. The Documentation Team will be happy to support you with the best location and also how to create a navigation to your page.
-- During the PR Review, the page can still be moved and navigation can be changed/added. So don't worry too much about it and focus on the content for your page.
-- Add images to the section's asset folder. Consider creating a folder for your page when using several images.
-- Although the FlyByWire Documentation Team will take care of navigation, it might still be of interest how the navigation is done. This is well explained on the [mkdocs-awesome-pages-plugin's README on their GitHub](https://github.com/lukasgeiter/mkdocs-awesome-pages-plugin#Features){target=new}
-
-!!! tip "Embedding YouTube Videos"
-    We have included the plugin `mkdocs-video` to streamline adding YouTube embeds into documentation. This removes the necessity to inline `<iframe>` information within documentation pages. 
-
-    The plugin uses the markdown image syntax with a custom marker defined in mkdocs.yml: `video-embed`.
-
-    ```md title="Sample YouTube Embed Code"
-    ![video-embed](https://www.youtube.com/embed/3i1FaGKOwII)
-    ```
-
-!!! tip "Search Exclusion"
-    While writing documentation, you may want to include pages in the final build as part of the `docs/` directory, but not have these pages referenced within the search index.
-
-    You can simply add to the top of the document the following meta information to utilize mkdocs-material's built in search exclusion:
-
-    ```md title="Search Exclusion Meta Snippet"
-    ---
-    search:
-        exclude: true
-    ---
-    ```
-
-#### Tips to Work Effectively with `mkdocs` (Change, Previews, etc.)
-
-- Have your editor and browser preview side-by-side on your screen.
-- Every time you save your file, the "mkdocs serve" should make your browser reload, and you can preview your changes directly.
-- Start with the structure of your documentation page. E.g., headlines first and maybe notes below the headlines of what the section should cover. Build up your page from there.
-- How to do:
-    - Links: `[Link-Text](https://www.target.domain/page)`
-        - internal links need a relative path to the .md file
-        - add `{target=new}` to external links
-        - look into existing pages for examples
-    - Other [Material for MkDocs features](https://squidfunk.github.io/mkdocs-material/reference/abbreviations/){target=new}
-
-#### Writing Good Documentation
-
-- Write documentation professionally and clearly.
-- Write for the targeted audience (Sim Beginner, Sim Veteran, Developers, etc.) and don't assume too much pre-knowledge on the reader's side.
-- Use the full availability of features baked into [Material for MkDocs](https://squidfunk.github.io/mkdocs-material/){target=new} to create readable and well formatted guides.
-- Add illustrations where appropriate. Make sure you optimize images to be as small as possible (resize to their actually used size and use JPG Compression (50% is mostly ok)). 
-  See [Image Assets Process](#image-assets-process) for more information.
-- Ensure relevant filenames are web-friendly slugs.
-- Don't hesitate to get feedback from the FlyByWire Documentation Team early and often.
-- Proofread your work carefully before marking "Ready for Review".
-
-#### Image Assets Process
-
-- Create the image (e.g. screenshots)
-- Edit the image (e.g. add comments, lines, boxes, arrows, etc.)
-  - If you think the original is worth it store it in `/src/assets` - but most images aren't worth it as screenshots are quickly retaken (Keeping a local copy of all your screenshots 
-    is good practice just in case - but it is not worth to clutter the repo with them)
-- Put the edited image in the folder for the topic - e.g. `\docs\pilots-corner\assets\advanced-guides\vnav` for images related to the VNAV topic
-  - Link the image in the markdown document - decide on the size you need (See admonition below for references)
-
-    !!! tip ""
-        Width of images on docs based on the responsive layout.
-
-          | Size | Width  |
-          |:-----|:-------|
-          | 100% | 826 px |
-          | 95%  | 785 px |
-          | 90%  | 743 px |
-          | 85%  | 702 px |
-          | 80%  | 661 px |
-          | 75%  | 620 px |
-          | 70%  | 578 px |
-          | 65%  | 537 px |
-          | 60%  | 496 px |
-          | 55%  | 454 px |
-          | 50%  | 413 px |
-          | 45%  | 372 px |
-          | 40%  | 330 px |
-          | 35%  | 289 px |
-          | 30%  | 248 px |
-          | 25%  | 206 px |
-          | 20%  | 165 px |
-          | 15%  | 124 px |
-          | 10%  | 83  px |
-          | 5%   | 41  px |
-
-- Change the size according to the table - max width is 826 px
-- Compress the png image with a tool - [Website Planet Image Compressor](https://www.websiteplanet.com/webtools/imagecompressor/)
-- Make sure size and quality are good - usually < 100 kB
-
-#### Style
-
-- Use the units of measurement and their abbreviations as used by ICAO Annex 5. This document can be downloaded, for example, on the website of the [Swiss Federal Office of Civil Aviation](https://www.bazl.admin.ch/bazl/en/home/themen/legislation/anhaenge-icao.html){target=new}. 
-- If the [current de facto measurement unit](https://en.wikipedia.org/wiki/International_Civil_Aviation_Organization#Use_of_the_International_System_of_Units){target=new} differs from the recommended one or different units are used in some regions, use the most widespread unit and add the recommended or regional one(s) in brackets.
-- Regarding typography of numbers and units, the [ISO Conventions](https://www.bipm.org/documents/20126/41483022/SI-Brochure-9.pdf/fcf090b2-04e6-88cc-1149-c3e029ad8232?version=1.21&t=1671101063858&download=true){target=new} summarized in [this checklist](https://physics.nist.gov/cuu/Units/checklist.html){target=new} should be followed, e.g., addition of a [non-breaking space (Unicode 160)](https://en.wikipedia.org/wiki/Non-breaking_space){target=new} between the number and the unit, except for degree, minute of arc, and second of arc, and the use of a [thin or narrow non-breaking space (Unicode 8239)](https://en.wikipedia.org/wiki/Non-breaking_space#Encodings){target=new} as a thousand seperator, as well as between the number and the sign (+, - etc.).
-
 ## Ideas and Issues
 
 Please use GitHub's Issue tracker for any documentation request or issues you might have encountered.
diff --git a/docs/dev-corner/development-projects/documentation-project/writing-documentation.md b/docs/dev-corner/development-projects/documentation-project/writing-documentation.md
new file mode 100644
index 000000000..417aa8f33
--- /dev/null
+++ b/docs/dev-corner/development-projects/documentation-project/writing-documentation.md
@@ -0,0 +1,162 @@
+# Writing Documentation
+
+## How to Write Documentation for FlyByWire
+
+### Technical How-To
+
+- You can edit existing pages simply by editing an existing `pagename.md`.
+- To create a page, simply create a new file "pagename.md" in an appropriate folder and start writing your documentation. Best practices it to look at other pages regarding the general structure (Headings, Material for MkDocs features, etc.).
+- Create the page in the navigation folder you feel this page belongs to. The Documentation Team will be happy to support you with the best location and also how to create a navigation to your page.
+- During the PR Review, the page can still be moved and navigation can be changed/added. So don't worry too much about it and focus on the content for your page.
+- Add images to the section's asset folder. Consider creating a folder for your page when using several images.
+- Although the FlyByWire Documentation Team will take care of navigation, it might still be of interest how the navigation is done. This is well explained on the [mkdocs-awesome-pages-plugin's README on their GitHub](https://github.com/lukasgeiter/mkdocs-awesome-pages-plugin#Features){target=new}
+
+### Extra Features
+
+We have included through built in and external plugins some extra features to help with documentation building and layout.
+
+!!! tip "Embedding YouTube Videos"
+    We have included the plugin `mkdocs-video` to streamline adding YouTube embeds into documentation. This removes the necessity to inline `<iframe>` information within documentation pages.
+
+    The plugin uses the markdown image syntax with a custom marker defined in mkdocs.yml: `video-embed`.
+
+    ```md title="Sample YouTube Embed Code"
+    ![video-embed](https://www.youtube.com/embed/3i1FaGKOwII)
+    ```
+
+!!! tip "Search Exclusion"
+    While writing documentation, you may want to include pages in the final build as part of the `docs/` directory, but not have these pages referenced within the search index.
+
+    You can simply add to the top of the document the following meta information to utilize mkdocs-material's built in search exclusion:
+
+    ```md title="Search Exclusion Meta Snippet"
+    ---
+    search:
+        exclude: true
+    ---
+    ```
+#### Card Grids
+
+Card grids are a recent feature added to mkdocs-material. This allows for a grid of cards to be displayed on a page. This is useful for displaying a list of links to other pages, or for displaying a list of links to external resources. 
+
+For more information visit the [mkdocs-material card grids documentation](https://squidfunk.github.io/mkdocs-material/reference/grids/){target=new}.
+
+---
+
+Below is an example of our current use case in the FlyByWire Documentation Project utilizing an ordered list with markdown elements. 
+
+**Option 3 and 4** showcase that you can add additional text and markdown elements to each ordered item. Ensure that the `div` defines `markdown` as an attribute and you can freely add arbitrary markdown within the elements of each card grid.
+
+```html title="Card Grid Ordered"
+
+<div class="grid cards" markdown>
+
+- Option / Text 1
+- Option / Text 2
+- :fontawesome-brands-github:{: .github } - Option / Text 3
+
+    ---
+
+    This is a `markdown` element that can be added to the [card grid](#card-grids).
+
+- :fontawesome-brands-github:{: .github } - Option / Text 4
+
+    ---
+
+    This is a markdown element that can be added to the card grid.
+</div>
+```
+
+!!! info "Rendered Example From Code Above"
+    <div class="grid cards" markdown>
+    
+    - Option / Text 1
+    - Option / Text 2
+    - :fontawesome-brands-github:{: .github } - Option / Text 3
+    
+          ---
+    
+         This is a `markdown` element that can be added to the [card grid](#card-grids).
+    
+    - :fontawesome-brands-github:{: .github } - Option / Text 4
+    
+          ---
+    
+          This is a markdown element that can be added to the card grid.
+    </div>
+
+### Tips to Work Effectively with `mkdocs` (Change, Previews, etc.)
+
+- Have your editor and browser preview side-by-side on your screen.
+- Every time you save your file, the "mkdocs serve" should make your browser reload, and you can preview your changes directly.
+- Start with the structure of your documentation page. E.g., headlines first and maybe notes below the headlines of what the section should cover. Build up your page from there.
+- How to do:
+    - Links: `[Link-Text](https://www.target.domain/page)`
+        - internal links need a relative path to the .md file
+        - add `{target=new}` to external links
+        - look into existing pages for examples
+    - Other [Material for MkDocs features](https://squidfunk.github.io/mkdocs-material/reference/abbreviations/){target=new}
+
+### Writing Good Documentation
+
+- Write documentation professionally and clearly.
+- Write for the targeted audience (Sim Beginner, Sim Veteran, Developers, etc.) and don't assume too much pre-knowledge on the reader's side.
+- Use the full availability of features baked into [Material for MkDocs](https://squidfunk.github.io/mkdocs-material/){target=new} to create readable and well formatted guides.
+- Add illustrations where appropriate. Make sure you optimize images to be as small as possible (resize to their actually used size and use JPG Compression (50% is mostly ok)).
+  See [Image Assets Process](#image-assets-process) for more information.
+- Ensure relevant filenames are web-friendly slugs.
+- Don't hesitate to get feedback from the FlyByWire Documentation Team early and often.
+- Proofread your work carefully before marking "Ready for Review".
+
+### Image Assets Process
+
+- Create the image (e.g. screenshots)
+- Edit the image (e.g. add comments, lines, boxes, arrows, etc.)
+    - If you think the original is worth it store it in `/src/assets` - but most images aren't worth it as screenshots are quickly retaken (Keeping a local copy of all your screenshots
+      is good practice just in case - but it is not worth to clutter the repo with them)
+- Put the edited image in the folder for the topic - e.g. `\docs\pilots-corner\assets\advanced-guides\vnav` for images related to the VNAV topic
+- Link the image in the markdown document - decide on the size you need (See admonition below for references)
+- Please lazy load images that are not in the viewport (e.g. images at the bottom of the page) - this is done by adding `loading=lazy` to the image tag.
+   ```md title="Sample Image Markdown with Lazy Loading"
+    ![image](directory/image.png){loading=lazy}
+   ```
+
+    !!! tip ""
+        Width of images on docs based on the responsive layout.
+
+        - Change the size according to the table - max width is 826 px
+        - Compress the png image with a tool - [Website Planet Image Compressor](https://www.websiteplanet.com/webtools/imagecompressor/)
+        - Make sure size and quality are good - usually < 100 kB
+
+          | Size | Width  |
+          |:-----|:-------|
+          | 100% | 826 px |
+          | 95%  | 785 px |
+          | 90%  | 743 px |
+          | 85%  | 702 px |
+          | 80%  | 661 px |
+          | 75%  | 620 px |
+          | 70%  | 578 px |
+          | 65%  | 537 px |
+          | 60%  | 496 px |
+          | 55%  | 454 px |
+          | 50%  | 413 px |
+          | 45%  | 372 px |
+          | 40%  | 330 px |
+          | 35%  | 289 px |
+          | 30%  | 248 px |
+          | 25%  | 206 px |
+          | 20%  | 165 px |
+          | 15%  | 124 px |
+          | 10%  | 83  px |
+          | 5%   | 41  px |
+
+### Style
+
+- Use the units of measurement and their abbreviations as used by ICAO Annex 5. This document can be downloaded, for example, on the website of the [Swiss Federal Office of Civil Aviation](https://www.bazl.admin.ch/bazl/en/home/themen/legislation/anhaenge-icao.html){target=new}.
+- If the [current de facto measurement unit](https://en.wikipedia.org/wiki/International_Civil_Aviation_Organization#Use_of_the_International_System_of_Units){target=new} differs from the recommended one or different units are used in some regions, use the most widespread unit and add the recommended or regional one(s) in brackets.
+- Regarding typography of numbers and units, the [ISO Conventions](https://www.bipm.org/documents/20126/41483022/SI-Brochure-9.pdf/fcf090b2-04e6-88cc-1149-c3e029ad8232?version=1.21&t=1671101063858&download=true){target=new} summarized in [this checklist](https://physics.nist.gov/cuu/Units/checklist.html){target=new} should be followed, e.g., addition of a [non-breaking space (Unicode 160)](https://en.wikipedia.org/wiki/Non-breaking_space){target=new} between the number and the unit, except for degree, minute of arc, and second of arc, and the use of a [thin or narrow non-breaking space (Unicode 8239)](https://en.wikipedia.org/wiki/Non-breaking_space#Encodings){target=new} as a thousand seperator, as well as between the number and the sign (+, - etc.).
+
+---
+
+[Back to Documentation Development Environment](documentation.md){.md-button}
\ No newline at end of file
diff --git a/docs/dev-corner/development-projects/index.md b/docs/dev-corner/development-projects/index.md
index dd65c6d7f..5df399600 100644
--- a/docs/dev-corner/development-projects/index.md
+++ b/docs/dev-corner/development-projects/index.md
@@ -13,7 +13,7 @@ FlyByWire Simulations consists of several projects to allow efficient and quick
 |:-----------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
 | [Aircraft](https://github.com/flybywiresim/aircraft){target=new}                         | Main project where the FlyByWire A32NX and A380X are developed                                                                                                                                                |
 | [Installer](https://github.com/flybywiresim/installer){target=new}                 | Project for developing and improving the FlyByWire Installer.                                                                                                                                             |
-| [Docs](documentation.md)                                                           | Documentation project to manage and improve documentation for our users. This includes documentation about the A32NX, general sim-pilot documentation, and documentation about development for the A32NX. |
+| [Docs](documentation-project/documentation.md)                                                           | Documentation project to manage and improve documentation for our users. This includes documentation about the A32NX, general sim-pilot documentation, and documentation about development for the A32NX. |
 | [Discord Bot](discord-bot.md)                                                      | FlyByWire Simulations custom bot commands list and changelog. Provides a quick overview of available support commands and changes to bot development.                                                     |
 | [Website](website.md)                                                              | Marketing website for FlyByWire Simulations                                                                                                                                                               |
 | [msfs-rs](https://github.com/flybywiresim/msfs-rs){target=new}                     | A Rusty way to interact with Microsoft Flight Simulator 2020                                                                                                                                              |
diff --git a/docs/fbw-a32nx/index.md b/docs/fbw-a32nx/index.md
index 4c3fc85ed..6ca27dcda 100644
--- a/docs/fbw-a32nx/index.md
+++ b/docs/fbw-a32nx/index.md
@@ -32,9 +32,41 @@ ACSC        S1803A0001
 
 ## Quick Links
 
-[Support Guide](support/index.md){ .md-button } [Reported Issues](support/reported-issues.md){ .md-button } [Feature Guides](feature-guides/index.md){ .md-button }
+<div class="grid cards" markdown>
 
-[Throttle Calibration Guide](feature-guides/flypados3/throttle-calibration.md){ .md-button }
+- **Support Guide**
+    
+    ---
+    
+    Troubleshoot basic issues and learn how to use the FlyByWire A32NX.
+    
+    [:octicons-arrow-right-24: Getting started](support/index.md)
+    
+- **Reported Issues**
+
+    ---
+    
+    View a list of reported issues and their status.
+        
+    [:octicons-arrow-right-24: View Issues](support/reported-issues.md)
+
+- **Feature Guides**
+
+    ---
+    
+    Learn how to use the various FlyByWire A32NX's features.
+    
+    [:octicons-arrow-right-24: View Guides](feature-guides/index.md)
+
+- **Throttle Calibration Guide**
+    
+    ---
+        
+    Calibrate your throttle to work with the FlyByWire A32NX.
+        
+    [:octicons-arrow-right-24: View Guide](feature-guides/flypados3/throttle-calibration.md)
+
+</div>
 
 ##  Topics
 
diff --git a/docs/fbw-a32nx/support/reported-issues.md b/docs/fbw-a32nx/support/reported-issues.md
index e1549da20..aa0de3734 100644
--- a/docs/fbw-a32nx/support/reported-issues.md
+++ b/docs/fbw-a32nx/support/reported-issues.md
@@ -15,7 +15,7 @@
 
     FBW Installer - [Download Here](https://api.flybywiresim.com/installer){target=new} / *Latest Sim Version: 1.35.21.0*
 
-!!! warning "Read our Support Guide"
+!!! warning "Read our Support Guides"
 
     1. [Learn how to fly an A32NX](index.md#1-learn-how-to-fly-the-a32nx)
     2. [Troubleshoot](index.md#2-how-to-troubleshoot)
@@ -24,30 +24,31 @@
     5. [Report Issue on the FBW Aircraft GitHub](index.md#5-report-issue-on-the-a32nx-github)
     6. [Collecting Support Information](index.md#collecting-support-information)
 
-    ---
-
-    Due to the complex nature of our custom autopilot, please visit the dedicated ^^Custom Autopilot / Fly-By-Wire^^ page for more information:
+    === "Custom Autopilot"
 
-    - [**Main Page**](../feature-guides/autopilot-fbw.md)
-    - [**Typical Issues + Solutions**](../feature-guides/autopilot-fbw.md#typical-issues-and-how-to-solve-them)
-    - [**Known Issues**](../feature-guides/autopilot-fbw.md#known-issues)
-
-    ---
+        Due to the complex nature of our custom autopilot, please visit the dedicated ^^Custom Autopilot / Fly-By-Wire^^ page for more information:
+    
+        - [**Main Page**](../feature-guides/autopilot-fbw.md)
+        - [**Typical Issues + Solutions**](../feature-guides/autopilot-fbw.md#typical-issues-and-how-to-solve-them)
+        - [**Known Issues**](../feature-guides/autopilot-fbw.md#known-issues)
 
-    Please visit the ^^Dedicated Custom Flight Management System^^ page for more information:
+    === "Custom FMS"
 
-    - [**Features + Issues**](../feature-guides/cFMS.md)
-    - [**Special Notes**](../feature-guides/cFMS.md#special-notes)
+        Please visit the ^^Dedicated Custom Flight Management System^^ page for more information:
+    
+        - [**Features + Issues**](../feature-guides/cFMS.md)
+        - [**Special Notes**](../feature-guides/cFMS.md#special-notes)
 
-    ---
+    === "SimBridge"
 
-    If you're having issues with ^^SimBridge^^, please follow our dedicated guide for it:
-    
-    - [**SimBridge Troubleshooting Guide**](../../simbridge/troubleshooting.md)
+        If you're having issues with ^^SimBridge^^, please follow our dedicated guide for it:
+        
+        - [**SimBridge Troubleshooting Guide**](../../simbridge/troubleshooting.md)
 
     ---
 
     Do this before reporting bugs.
+
 ---
 
 <!--
@@ -66,14 +67,19 @@ TEMPLATE
 
 -->
 
-##  Index
+##  Quick Links
+
+<div class="grid cards" markdown>
+
+- [Commonly Reported Issues](#commonly-reported-issues)
+    
+- [Solutions to Commonly Reported Issues](#solutions-to-commonly-reported-issues)
+
+- [FBW Installer Issues](#fbw-installer-issues)
+
+- [Incompatible and Problematic Add-ons/Mods](#incompatible-and-problematic-add-onsmods)
 
-| Quick Links                                                                            |
-|:---------------------------------------------------------------------------------------|
-| [Commonly Reported Issues](#commonly-reported-issues)                                  |
-| [Solutions to Commonly Reported Issues](#solutions-to-commonly-reported-issues)        |
-| [FBW Installer Issues](#fbw-installer-issues)                                          |
-| [Incompatible and Problematic Add-ons/Mods](#incompatible-and-problematic-add-onsmods) |
+</div>
 
 ## Use the Browser's Search Function
 
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index b3b8dc0bc..10a408daa 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -128,3 +128,8 @@ tbody {
     background-color: #00E0FE;
 }
 
+/* Card Grids */
+.md-typeset .grid.cards>ol>li:focus-within, .md-typeset .grid.cards>ol>li:hover, .md-typeset .grid.cards>ul>li:focus-within, .md-typeset .grid.cards>ul>li:hover, .md-typeset .grid>.card:focus-within, .md-typeset .grid>.card:hover {
+    border-color: var(--md-primary-fg-color);
+    box-shadow: var(--md-shadow-z2);
+}
diff --git a/mkdocs.yml b/mkdocs.yml
index e754c63b2..0affa1b86 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -69,7 +69,7 @@ plugins:
         'a32nx-dev/overview.md': 'dev-corner/dev-guide/index.md'
         'a32nx-dev/texture-changes.md': 'dev-corner/texture-changes.md'
         # TEMP redirects
-        # A.FLOOR
+      # A.FLOOR
         'fbw-a32nx/feature-guides/afloor.md': 'pilots-corner/advanced-guides/protections/afloor.md'
         # Fix Info
         'fbw-a32nx/feature-guides/fixinfo.md': 'pilots-corner/advanced-guides/flight-planning/fixinfo.md'