diff --git a/docs/_sass/getnighthawk.scss b/docs/_sass/getnighthawk.scss
index da472a52..7e0e4f3f 100644
--- a/docs/_sass/getnighthawk.scss
+++ b/docs/_sass/getnighthawk.scss
@@ -5977,7 +5977,48 @@ div.globalFooterCard.card-environment {
   color: #696969;
 }
 
-.sidebar {
+.sidebar{
+  font-family: 'Open Sans', sans-serif;
+}
+ 
+.sidebar .accordion-body{
+  text-align: left;
+  color: #aaaaaa;
+  padding: 1rem 0;
+}
+ 
+.sidebar .accordion-button{
+  padding: 1rem 1rem 0rem 0;
+  width: 13rem;
+}
+ 
+.sidebar .accordion-button:focus{
+  border-color: transparent;
+  box-shadow: none;
+}
+
+.sidebar .accordion-button:not(.collapsed)::after{
+  transform: rotate(270deg);
+}
+
+.sidebar .accordion-button:not(.collapsed){
+  background-color: transparent;
+  color: inherit;
+}
+ 
+.sidebar .accordion-item{
+  padding: 1rem 0;
+  &:not(:last-child){
+    border-bottom: 3px solid #cecece;
+  }
+}
+ 
+.sidebar .accordion-button:not(.collapsed)::after{
+  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath 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'/%3e%3c/svg%3e");
+}
+ 
+.sidebar .accordion-collapse{
+  border:none;
 }
 
 .doc-heading {
diff --git a/docs/pages/docs.html b/docs/pages/docs.html
index 01c8fc44..d26248ec 100644
--- a/docs/pages/docs.html
+++ b/docs/pages/docs.html
@@ -94,15 +94,15 @@
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
           <ul class="sidebar">
             
-            <div class="accordion accordion-flush" id="accordionFlushExample">
+            <div class="accordion" id="accordionExample">
               {% for docs in site.data.docs %}
               <div class="accordion-item">
                 <h2 class="accordion-header" id="flush-heading{{docs.number}}">
-                  <button id="faq-title" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{docs.number}}" aria-expanded="false" aria-controls="flush-collapse{{docs.number}}">
+                  <button id="faq-title" class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#flush-collapse{{docs.number}}" aria-expanded="false" aria-controls="flush-collapse{{docs.number}}">
                     <h4 class="doc-heading">{{ docs.name }}</h4>
                   </button>
                 </h2>
-                  <div id="flush-collapse{{docs.number}}" class="accordion-collapse collapse doc-container" aria-labelledby="flush-heading{{docs.number}}" data-bs-parent="#accordionFlushExample">
+                  <div id="flush-collapse{{docs.number}}" class="accordion-collapse collapse doc-container" aria-labelledby="flush-heading{{docs.number}}" data-parent="#accordionExample">
                     {% for doc in site.docs %}
                       {% if doc.section == docs.name %}
                         <li>