diff --git a/doc/multiselect/DisabledDoc.vue b/doc/multiselect/DisabledDoc.vue
index b428b50fa..9a6c5a57c 100644
--- a/doc/multiselect/DisabledDoc.vue
+++ b/doc/multiselect/DisabledDoc.vue
@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>When <i>disabled</i> is present, the element cannot be edited and focused.</p>
     </DocSectionText>
-    <div class="flex justify-content-center">
+    <div class="card flex justify-content-center">
         <MultiSelect disabled placeholder="Select Cities" class="w-full md:w-20rem" />
     </div>
     <DocSectionCode :code="code" />