diff --git a/doc/ripple/DefaultDoc.vue b/doc/ripple/DefaultDoc.vue
index 352cf2114..17a7a9a70 100644
--- a/doc/ripple/DefaultDoc.vue
+++ b/doc/ripple/DefaultDoc.vue
@@ -3,16 +3,7 @@
         <p>Ripple is enabled by adding add <i>p-ripple</i> class to the target and attach the directive with the v- prefix.</p>
     </DocSectionText>
     <div class="card flex justify-content-center align-items-center">
-        <div
-            v-ripple="{
-                pt: {
-                    root: 'bg-yellow-400'
-                }
-            }"
-            class="p-ripple bg-primary flex select-none justify-content-center align-items-center shadow-2 border-round p-6 font-bold"
-        >
-            Default
-        </div>
+        <div v-ripple class="p-ripple bg-primary flex select-none justify-content-center align-items-center shadow-2 border-round p-6 font-bold">Default</div>
     </div>
     <DocSectionCode :code="code" />
 </template>