diff --git a/src/components/hero-banner/hero-banner.module.css b/src/components/hero-banner/hero-banner.module.css
index b77e355c..01ca8444 100644
--- a/src/components/hero-banner/hero-banner.module.css
+++ b/src/components/hero-banner/hero-banner.module.css
@@ -50,7 +50,7 @@
   background-color: var(--color-primary);
   width: 100%;
   color: var(--color-white) !important;
-  box-shadow: var(--shadow-4);
+  box-shadow: var(--shadow-3);
   margin-top: var(--size-fluid-1);
   height: fit-content;
   text-decoration: none;
@@ -77,7 +77,7 @@
 .snippet {
   border-radius: var(--radius-4);
   border: var(--radius-1) solid #c1d3cd;
-  box-shadow: var(--shadow-4);
+  box-shadow: var(--shadow-2);
   margin: var(--size-px-2) 0;
   text-align: center;
   padding: var(--size-1);
@@ -86,9 +86,9 @@
 
 .snippet pre {
   font-size: 16px;
-  height: 46px;
+  height: 50px;
   align-content: center;
-  display: inline;
+  display: inline-block;
   background-color: transparent;
   color: var(--color-black);
   vertical-align: middle;
@@ -134,6 +134,7 @@
   .snippet pre {
     padding: 0 10px;
     vertical-align: text-top;
+    display: inline;
   }
 
   .snippet app-ctc-button {
diff --git a/src/components/latest-post/latest-post.module.css b/src/components/latest-post/latest-post.module.css
index 8c320bca..1abb9ee9 100644
--- a/src/components/latest-post/latest-post.module.css
+++ b/src/components/latest-post/latest-post.module.css
@@ -3,7 +3,7 @@
   border-radius: var(--radius-4);
   padding: var(--size-2);
   border: var(--radius-1) solid var(--color-gray-background);
-  box-shadow: var(--shadow-2);
+  box-shadow: var(--shadow-1);
   text-align: left;
 
   & .new {
diff --git a/src/components/run-anywhere/run-anywhere.module.css b/src/components/run-anywhere/run-anywhere.module.css
index 6e7bbfde..e9bd69cf 100644
--- a/src/components/run-anywhere/run-anywhere.module.css
+++ b/src/components/run-anywhere/run-anywhere.module.css
@@ -33,7 +33,7 @@
 .iconBox {
   border-radius: var(--radius-3);
   border: 1px solid var(--color-gray-background);
-  box-shadow: var(--shadow-2);
+  box-shadow: var(--shadow-1);
   background-color: var(--color-white);
   height: 150px;
   align-content: center;
diff --git a/src/components/side-nav/side-nav.module.css b/src/components/side-nav/side-nav.module.css
index a5308b1b..4be31b83 100644
--- a/src/components/side-nav/side-nav.module.css
+++ b/src/components/side-nav/side-nav.module.css
@@ -26,7 +26,7 @@
   border: none;
   padding: var(--size-2);
   border-radius: var(--radius-2);
-  box-shadow: var(--shadow-3);
+  box-shadow: var(--shadow-1);
   color: var(--color-black);
 
   @media (prefers-reduced-motion: no-preference) {
diff --git a/src/components/table-of-contents/table-of-contents.module.css b/src/components/table-of-contents/table-of-contents.module.css
index 57fc5467..1feb058b 100644
--- a/src/components/table-of-contents/table-of-contents.module.css
+++ b/src/components/table-of-contents/table-of-contents.module.css
@@ -26,7 +26,7 @@
   min-height: 250px;
   margin: 0 var(--size-2);
   border: 1px solid var(--color-gray);
-  box-shadow: var(--shadow-4);
+  box-shadow: var(--shadow-3);
   padding: var(--size-2);
 }
 
@@ -36,7 +36,7 @@
   border: none;
   padding: var(--size-2);
   border-radius: var(--radius-2);
-  box-shadow: var(--shadow-3);
+  box-shadow: var(--shadow-2);
 
   @media (prefers-reduced-motion: no-preference) {
     & #indicator {