diff --git a/package.json b/package.json
index d2df937ba7..a31ebdf36a 100644
--- a/package.json
+++ b/package.json
@@ -98,7 +98,7 @@
     "@babel/preset-react": "^7.23.3",
     "@babel/register": "^7.23.7",
     "@department-of-veterans-affairs/eslint-plugin": "^1.1.0",
-    "@department-of-veterans-affairs/web-components": "^16.0.1",
+    "@department-of-veterans-affairs/web-components": "^16.1.1",
     "@octokit/rest": "^18.10.0",
     "@sentry/browser": "^6.13.1",
     "@testing-library/cypress": "^8.0.3",
diff --git a/src/site/assets/img/angle-arrow-down-primary.png b/src/site/assets/img/angle-arrow-down-primary.png
new file mode 100644
index 0000000000..e01573f831
Binary files /dev/null and b/src/site/assets/img/angle-arrow-down-primary.png differ
diff --git a/src/site/assets/img/angle-arrow-down-primary.svg b/src/site/assets/img/angle-arrow-down-primary.svg
new file mode 100644
index 0000000000..f522e715c1
--- /dev/null
+++ b/src/site/assets/img/angle-arrow-down-primary.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 284.929 284.929"><path d="M282.082 76.51L267.808 62.24c-1.902-1.906-4.093-2.856-6.57-2.856-2.47 0-4.66.95-6.563 2.856L142.465 174.44 30.263 62.24c-1.903-1.905-4.093-2.855-6.567-2.855-2.475 0-4.665.95-6.567 2.856L2.856 76.516C.95 78.417 0 80.607 0 83.082c0 2.473.953 4.663 2.856 6.565L135.9 222.693c1.9 1.903 4.092 2.854 6.566 2.854s4.66-.95 6.562-2.854L282.082 89.647c1.902-1.903 2.847-4.093 2.847-6.565 0-2.475-.946-4.665-2.848-6.57z" fill="#0071bc"/></svg>
\ No newline at end of file
diff --git a/src/site/assets/img/arrow-both.png b/src/site/assets/img/arrow-both.png
new file mode 100644
index 0000000000..075ffa9785
Binary files /dev/null and b/src/site/assets/img/arrow-both.png differ
diff --git a/src/site/assets/img/arrow-both.svg b/src/site/assets/img/arrow-both.svg
new file mode 100644
index 0000000000..4c7af72ab3
--- /dev/null
+++ b/src/site/assets/img/arrow-both.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 14"><g fill="#323a45" fill-rule="evenodd"><path d="M.62639628 5.99993896H9.3727389c.25339173.00130856.482416-.15074264.57956202-.38477624.09714598-.2340336.04312294-.50357616-.13670922-.6820964L5.4401815.1835435C5.32475606.06613116 5.1670083 0 5.00236114 0c-.16464716 0-.3223949.06613117-.43782037.1835435L.1835435 4.93306632C.06613116 5.0484918 0 5.20623953 0 5.3708867s.06613117.32239492.1835435.43782038c.1146444.1224934.27508006.19177244.44285278.19123188zM9.3727389 7.9999685H.6263963c-.1662653-.00316183-.32647608.06237894-.4428528.18116705C.0661312 8.296561 0 8.45430875 0 8.61895592s.06613117.32239492.1835435.43782037l4.38099726 4.7596802C4.67996622 13.9338688 4.83771396 14 5.00236113 14s.32239492-.0661312.43782038-.1835435l4.3754102-4.74961537c.17983216-.17852023.2338552-.44806278.13670922-.68209638-.09714602-.2340336-.3261703-.3860848-.579562-.38477625z"/></g></svg>
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 3412d9abd5..b0f7706384 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1330,10 +1330,10 @@
   dependencies:
     minimist "^1.2.6"
 
-"@department-of-veterans-affairs/web-components@^16.0.1":
-  version "16.0.1"
-  resolved "https://registry.npmjs.org/@department-of-veterans-affairs/web-components/-/web-components-16.0.1.tgz#9669fad66c1557cb7213c065f68ba4594e6eaa51"
-  integrity sha512-1aJgtxuygZ7eAOqZzKCFUoQs6oNMUprIURS35i75wWVZSF634UiiMFJyFffxBWoj7YHrvGbIM2dQjo/6urJCgg==
+"@department-of-veterans-affairs/web-components@^16.1.1":
+  version "16.1.1"
+  resolved "https://registry.yarnpkg.com/@department-of-veterans-affairs/web-components/-/web-components-16.1.1.tgz#edb260ee8b1c79d7e949fdb50cedcf8fa2112b45"
+  integrity sha512-gWtAY2tghGfvOjwkL0m3AHUoiut4YYCrllGCIHK97g0vyfG1eR8fWEBDusc5cfxiNHH7VZ/BVKuF1pmF57dscw==
   dependencies:
     "@stencil/core" "4.20.0"
     aria-hidden "^1.1.3"