diff --git a/pages/index.vue b/pages/index.vue
index 9213de156..56f5d3fa4 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -389,8 +389,19 @@ export default {
   }
 }
 
-.example-code {
-  color: #cecece;
+video {
+  border-radius: var(--size-rounded-lg);
+}
+
+pre {
+  background-color: #171719;
+  border-radius: var(--size-rounded-lg);
+  overflow-x: auto;
+
+  .example-code {
+    color: #cecece;
+    background: none;
+  }
 }
 
 .footer {