diff --git a/core/src/components/item-option/item-option.scss b/core/src/components/item-option/item-option.scss
index 124b0bcd45..701d20b5db 100644
--- a/core/src/components/item-option/item-option.scss
+++ b/core/src/components/item-option/item-option.scss
@@ -17,6 +17,8 @@
   @include text-inherit();
   @include padding(0, .7em);
 
+  position: relative;
+
   width: 100%;
   height: 100%;
 
diff --git a/core/src/components/item-option/item-option.tsx b/core/src/components/item-option/item-option.tsx
index 7b613458a1..50b57bad14 100644
--- a/core/src/components/item-option/item-option.tsx
+++ b/core/src/components/item-option/item-option.tsx
@@ -78,7 +78,7 @@ export class ItemOption implements ComponentInterface {
           <slot name="bottom" />
           <slot name="end"></slot>
         </span>
-        {this.mode === 'md' && <ion-ripple-effect />}
+        {this.mode === 'md' && <ion-ripple-effect></ion-ripple-effect>}
       </TagType>
     );
   }