diff --git a/components/lib/basedirective/BaseDirective.js b/components/lib/basedirective/BaseDirective.js
index c01c9501c..129010a80 100644
--- a/components/lib/basedirective/BaseDirective.js
+++ b/components/lib/basedirective/BaseDirective.js
@@ -57,7 +57,7 @@ export const BaseDirective = {
             Object.entries(option).forEach(([key, value]) => {
                 let styledElement;
 
-                if (key === 'root' && directiveName !== 'ripple' && directiveName !== 'badge') styledElement = el;
+                if (key === 'root' && directiveName !== 'badge') styledElement = el;
                 else {
                     styledElement = DomHandler.findSingle(el, `[data-pc-section="${ObjectUtils.convertToFlatCase(key)}"]`);
                 }