diff --git a/themes/default/assets/css/bundle.css b/themes/default/assets/css/bundle.css
index 0a4477498f9..121088de273 100644
--- a/themes/default/assets/css/bundle.css
+++ b/themes/default/assets/css/bundle.css
@@ -16129,12 +16129,8 @@ dl.resources-properties dt span, dl.package-details dt span, dl.tabular dt span,
   font-weight:400;
   font-size:14px;
   color:#131314;
-  flex-direction:row
-}
-
-.note code{
-  border-radius:4px;
-  padding:1px 6px 3px 6px
+  flex-direction:row;
+  min-width:0
 }
 
 .note.note-info{
@@ -16173,6 +16169,10 @@ dl.resources-properties dt span, dl.package-details dt span, dl.tabular dt span,
   background:#f9e6d4
 }
 
+.note div.highlight div.copy-button-container button.copy-button i{
+  color:#fff
+}
+
 .all-packages .package~.no-results{
   display: block
 }
diff --git a/themes/default/theme/src/scss/_notes.scss b/themes/default/theme/src/scss/_notes.scss
index 921ed113d79..b9d16b4d39a 100644
--- a/themes/default/theme/src/scss/_notes.scss
+++ b/themes/default/theme/src/scss/_notes.scss
@@ -54,11 +54,7 @@
         font-size: 14px;
         color: #131314;
         flex-direction: row;
-    }
-
-    code {
-        border-radius: 4px;
-        padding: 1px 6px 3px 6px;
+        min-width: 0;
     }
 
     &.note-info {
@@ -97,4 +93,8 @@
             background: #f9e6d4;
         }
     }
+
+    div.highlight div.copy-button-container button.copy-button i {
+        color: #fff;
+    }
 }