diff --git a/docs/src/css/custom.scss b/docs/src/css/custom.scss
index 79d44b477..4c71d692c 100644
--- a/docs/src/css/custom.scss
+++ b/docs/src/css/custom.scss
@@ -11,6 +11,28 @@ CUSTOM TO THE NEW HOME PAGE
 html{
   scroll-behavior: smooth !important;
 }
+.accordion-button-custom::after {
+  -ms-flex-shrink: 0;
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+  margin-left: auto;
+  content: "";
+  background-image: url("../../static/assets/download.svg");
+  background-repeat: no-repeat;
+  background-size: 1.25rem;
+  transition: transform 0.2s ease-in-out;
+}
+
+.accordion-button-custom:not(.collapsed)::after {
+  background-image: url("../../static/assets/download_blue.svg");
+  transform: rotate(-180deg);
+}
+.accordion-button-custom:not(.collapsed) {
+  color: #2563eb;
+  background-color: #fff;
+  box-shadow: inset 0 -1px 0 #e5e7eb;
+}
 
  .link-underline {
   border-bottom-width: 0;
diff --git a/docs/static/assets/download.svg b/docs/static/assets/download.svg
new file mode 100644
index 000000000..8b097b9c0
--- /dev/null
+++ b/docs/static/assets/download.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>
\ No newline at end of file
diff --git a/docs/static/assets/download_blue.svg b/docs/static/assets/download_blue.svg
new file mode 100644
index 000000000..4f2485b58
--- /dev/null
+++ b/docs/static/assets/download_blue.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#2563eb'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>
\ No newline at end of file