diff --git a/front/ui-docs/.vitepress/theme/Theme.vue b/front/ui-docs/.vitepress/theme/Theme.vue
index 884d3b114..40d3d3fb7 100644
--- a/front/ui-docs/.vitepress/theme/Theme.vue
+++ b/front/ui-docs/.vitepress/theme/Theme.vue
@@ -31,6 +31,15 @@ const { Theme } = DefaultTheme
 .vp-doc .preview {
   padding: 16px 0;
   flex-grow: 1;
+  border-radius: 8px;
+
+  &:not(.transparent){
+    background-color:var(--background-color);
+    box-shadow: 0px 0px 16px 16px var(--background-color);
+    margin-top:16px;
+    padding-top:0;
+
+  }
 
   /* .preview overrides the cascade coming from .vp-docs and other containers
   that may leak rules here */