diff --git a/core/src/components/item-option/item-option.tsx b/core/src/components/item-option/item-option.tsx
index 1765bd36fa..837f3ec374 100644
--- a/core/src/components/item-option/item-option.tsx
+++ b/core/src/components/item-option/item-option.tsx
@@ -51,9 +51,10 @@ export class ItemOption {
 
   hostData() {
     return {
+      'ion-activatable': true,
       class: {
         ...createColorClasses(this.color),
-        'item-option-expandable': this.expandable
+        'item-option-expandable': this.expandable,
       }
     };
   }
@@ -77,6 +78,7 @@ export class ItemOption {
           <slot name="bottom" />
           <slot name="end"></slot>
         </span>
+        {this.mode === 'md' && <ion-ripple-effect />}
       </TagType>
     );
   }