diff --git a/docs/src/layouts/App/base.scss b/docs/src/layouts/App/base.scss
index b2262b2b..1b592179 100644
--- a/docs/src/layouts/App/base.scss
+++ b/docs/src/layouts/App/base.scss
@@ -188,6 +188,7 @@ code {
 
   > p > img {
     max-width: 100%;
+    border-radius: 0.75rem;
   }
 
   :first-child {
@@ -299,7 +300,7 @@ code {
         justify-content: center;
         height: 1.5rem;
         width: 1.5rem;
-        background-color: rgba($colorBlack, 0.1);
+        background-color: rgba($colorBlack, 0.05);
         border-radius: 9999px;
         color: $colorBlack;
         font-size: 0.75rem;
diff --git a/docs/src/layouts/App/prism.scss b/docs/src/layouts/App/prism.scss
index ce7fdf5d..db677169 100644
--- a/docs/src/layouts/App/prism.scss
+++ b/docs/src/layouts/App/prism.scss
@@ -47,6 +47,10 @@ pre[class*="language-"] {
   padding: 1.25rem !important;
   border-radius: 0.75rem;
   max-height: unquote("max(300px, 60vh)");
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba($colorWhite, 0.2);
+  }
 }
 
 pre[class*="language-"].language-css > code,
diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss
index e5f28abe..5e439fe1 100644
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -213,7 +213,7 @@ $menuBreakPoint: 800px;
     display: flex;
     justify-content: space-between;
     padding: 0.25rem 0.5rem;
-    border-radius: 5px;
+    border-radius: 0.4rem;
     font-size: 0.85rem;
     margin-left: -0.5rem;
     white-space: nowrap;