diff --git a/doc-requirements.in b/doc-requirements.in
index 38b976f5..a957b51d 100644
--- a/doc-requirements.in
+++ b/doc-requirements.in
@@ -8,3 +8,4 @@ sphinx_fontawesome
 sphinxcontrib-youtube
 sphinx-panels
 sphinx-reredirects
+sphinx_design
diff --git a/doc-requirements.txt b/doc-requirements.txt
index 8e5f0fda..e2dab509 100644
--- a/doc-requirements.txt
+++ b/doc-requirements.txt
@@ -1,5 +1,5 @@
 #
-# This file is autogenerated by pip-compile with Python 3.8
+# This file is autogenerated by pip-compile with Python 3.12
 # by the following command:
 #
 #    pip-compile doc-requirements.in
@@ -29,8 +29,6 @@ idna==3.6
     # via requests
 imagesize==1.4.1
     # via sphinx
-importlib-metadata==7.0.1
-    # via sphinx
 jinja2==3.1.3
     # via sphinx
 lxml==5.1.0
@@ -46,8 +44,6 @@ pygments==2.17.2
     #   sphinx-prompt
 python-slugify[unidecode]==8.0.1
     # via sphinx-material
-pytz==2023.3.post1
-    # via babel
 requests==2.31.0
     # via
     #   sphinx
@@ -65,6 +61,7 @@ sphinx==4.5.0
     #   sphinx-basic-ng
     #   sphinx-code-include
     #   sphinx-copybutton
+    #   sphinx-design
     #   sphinx-fontawesome
     #   sphinx-material
     #   sphinx-panels
@@ -77,6 +74,8 @@ sphinx-code-include==1.1.1
     # via -r doc-requirements.in
 sphinx-copybutton==0.5.2
     # via -r doc-requirements.in
+sphinx-design==0.4.1
+    # via -r doc-requirements.in
 sphinx-fontawesome==0.0.6
     # via -r doc-requirements.in
 sphinx-material==0.0.36
diff --git a/docs/source/conf.py b/docs/source/conf.py
index 2f473ff5..f0c889dd 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -46,6 +46,7 @@
     "sphinxcontrib.youtube",
     "sphinx_reredirects",
     "sphinx_panels",
+    "sphinx_design",
 ]
 
 # build the templated autosummary files