From 78e2a0aea1df201df5512c767ee4823891090147 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Fri, 14 Sep 2018 12:46:56 -0400
Subject: [PATCH] fix(item-option): add activated and ripple to button

references #14943
---
 core/src/components/item-option/item-option.scss | 2 ++
 core/src/components/item-option/item-option.tsx  | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/core/src/components/item-option/item-option.scss b/core/src/components/item-option/item-option.scss
index 124b0bcd45b..701d20b5dbc 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 7b613458a1a..50b57bad142 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>
     );
   }