PR feedback

Author: jlchilders11

static/css/v3/code-block.css

@@ -27,11 +27,19 @@
   background: var(--code-block-bg-grey);
 }
 
+.code-block--grey-bg .code-block__copy {
+  background: var(--code-block-bg-grey);
+}
+
 .code-block--white-bg {
   background: var(--color-bg-secondary);
   border: 1px solid var(--code-block-border);
 }
 
+.code-block--white-bg .code-block__copy {
+  background: var(--color-bg-secondary);
+}
+
 .code-block {
   position: relative;
   margin: 0;
@@ -185,7 +193,6 @@ html.dark .code-block-card--grey {
   padding: 0;
   border: none;
   border-radius: var(--border-radius-s);
-  background: transparent;
   color: var(--code-block-copy-icon-color);
   cursor: pointer;
   display: inline-flex;
@@ -285,10 +292,6 @@ html.dark .code-block-card--grey {
   min-width: 0;
 }
 
-.code-block-story-overflow-example {
-  height: 300px;
-}
-
 .code-block-story-section-title {
   margin: 0 0 var(--space-default);
   font-size: var(--font-size-large);

static/css/v3/v3-examples-section.css

@@ -379,3 +379,8 @@ html.dark .v3-examples-section__theme-toggle-sun {
 html.dark .v3-examples-section__theme-toggle-moon {
   display: none;
 }
+
+/* Getting started care scroll logic */
+.code-block-story-overflow-example {
+  height: 300px;
+}