diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index f27ae44ef1..c04148a191 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -19,6 +19,10 @@
     --ifm-font-size-base: 15px;
     --ifm-link-color: var(--color-unleash-purple);
     --navbar-link-color: #122d33;
+
+    --unleash-color-admonition-background: #ecebeb;
+    --unleash-color-admonition-border: #999;
+    --unleash-color-admonition-text: #2b2b2b;
 }
 
 footer {
@@ -95,20 +99,18 @@ html[data-theme='dark'] .header-github-link:before {
     gap: var(--gap);
 }
 
-.unleash-video-container .video-wrapper {
-    padding: 0.5rem;
-    border-radius: var(--border-radius);
-    background: var(--ifm-color-info-contrast-background);
+.unleash-video-container > .admonition {
+    box-shadow: none;
+    background-color: var(--unleash-color-admonition-background);
+    color: var(--unleash-color-admonition-text);
+    border-color: var(--unleash-color-admonition-border);
+    margin: 0;
 }
 
 .unleash-video-container iframe {
     aspect-ratio: 16/9;
 }
 
-.unleash-video-container > .admonition {
-    margin: 0;
-}
-
 @media screen and (min-width: 450px) {
     .unleash-video-container {
         grid-template-columns: 1fr min(250px, 25%);