diff --git a/docs/_sass/getnighthawk.scss b/docs/_sass/getnighthawk.scss
index f585b223..d943fd97 100644
--- a/docs/_sass/getnighthawk.scss
+++ b/docs/_sass/getnighthawk.scss
@@ -5533,7 +5533,7 @@ div.globalFooterCard.card-environment {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: auto;
-  margin: 2rem 0rem;
+  margin: 2rem 0rem 12rem 0rem;
   padding: 2rem 0rem;
   .card-item {
     display: flex;
@@ -5979,3 +5979,20 @@ div.globalFooterCard.card-environment {
 .accordion-button::after {
   margin-left: 10px !important;
 }
+
+/* Custom Scrollbar*/
+::-webkit-scrollbar{
+  width: 8px;
+}
+::-webkit-scrollbar-track {
+  background-color: #ffffff;
+}
+::-webkit-scrollbar-thumb {
+  background-color: #393E46;
+  border-radius: 12px;
+  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+  transition: background-color 0.3s ease;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #555b66;
+}
\ No newline at end of file
diff --git a/docs/_sass/index.scss b/docs/_sass/index.scss
index 83567894..d6f7cd7f 100644
--- a/docs/_sass/index.scss
+++ b/docs/_sass/index.scss
@@ -217,7 +217,7 @@ $blue-munsell-3: #4392a4ff;
 // nighthawk-description startups
 
 .nighthawk-description-div {
-  margin: -23rem auto 3rem auto;
+  margin: -23rem auto 12rem auto;
   z-index: 1;
 }
 .description-div {