diff --git a/docs/scss/style.scss b/docs/scss/style.scss
index 112778a79..3838d94c5 100644
--- a/docs/scss/style.scss
+++ b/docs/scss/style.scss
@@ -425,7 +425,7 @@ $grid-large-breakpoint: 768px;
 
 .card {
   &.code-card {
-    margin-top: calc(2.5 * var(#{$universal-margin-var}));
+    margin-top: calc(5 * var(#{$universal-margin-var}));
     background: #263238;
     .section.card-content{
       background: var(#{$back-color-var});
@@ -442,9 +442,10 @@ $grid-large-breakpoint: 768px;
     }
   }
   .collapse {
+    font-family: #{$code-font-family}; 
     background: #263238;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23607D8B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus-square'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='12' y1='8' x2='12' y2='16'%3E%3C/line%3E%3Cline x1='8' y1='12' x2='16' y2='12'%3E%3C/line%3E%3C/svg%3E");
-      background-position: 0.25rem 0.9rem;
+      background-position: 0.25rem 0.9375rem;
       background-repeat: no-repeat;
     text-transform: uppercase;
     padding: calc(1.5 * var(#{$universal-padding-var}));