diff --git a/packages/core/src/components/reorder-group/reorder-group.scss b/packages/core/src/components/reorder-group/reorder-group.scss
index 55f8ad6597..c87cbbdf7a 100644
--- a/packages/core/src/components/reorder-group/reorder-group.scss
+++ b/packages/core/src/components/reorder-group/reorder-group.scss
@@ -67,13 +67,17 @@
 .reorder-icon {
   @include transform(translate3d($reorder-initial-transform, 0, 0));
 
+  display: block;
+
   font-size: 1.3em;
   transition: transform 140ms ease-in;
 }
 
 .item-ios .reorder-icon {
   font-size: 2em;
-  opacity: .3;
+
+  fill: currentColor;
+  opacity: .4;
 }
 
 .reorder[slot="start"] .reorder-icon {
diff --git a/packages/core/src/components/reorder-group/reorder-group.tsx b/packages/core/src/components/reorder-group/reorder-group.tsx
index b350a0bd4a..981e3f875a 100644
--- a/packages/core/src/components/reorder-group/reorder-group.tsx
+++ b/packages/core/src/components/reorder-group/reorder-group.tsx
@@ -19,7 +19,10 @@ export class ReorderIndexes {
 
 @Component({
   tag: 'ion-reorder-group',
-  styleUrl: 'reorder-group.scss'
+  styleUrl: 'reorder-group.scss',
+  host: {
+    theme: 'reorder-group'
+  }
 })
 export class ReorderGroup {
   private selectedItemEl: HTMLElement = null;
diff --git a/packages/core/src/components/reorder/test/basic/index.html b/packages/core/src/components/reorder/test/basic/index.html
index 980df3a089..db667c9bc4 100644
--- a/packages/core/src/components/reorder/test/basic/index.html
+++ b/packages/core/src/components/reorder/test/basic/index.html
@@ -39,9 +39,9 @@
               <ion-reorder slot="start"></ion-reorder>
             </ion-item>
 
-            <ion-item>
-              Item 4 (custom ion-reorder)
-              <ion-reorder slot="end"><ion-icon name="pizza"></ion-reorder>
+            <ion-item color="secondary">
+              Item 4 (default ion-reorder slot="start")
+              <ion-reorder slot="start"></ion-reorder>
             </ion-item>
 
             <ion-item>
@@ -50,13 +50,14 @@
             </ion-item>
 
             <ion-item>
-              Item 6 (custom ion-reorder slot="start")
-              <ion-reorder slot="start"><ion-icon name="pizza"></ion-reorder>
+              Item 6 (custom ion-reorder)
+              <ion-reorder slot="end"><ion-icon name="pizza"></ion-reorder>
             </ion-item>
 
-            <ion-reorder class="no-hide">
-              <ion-item>Item 7 (the whole item can be dragged)</ion-item>
-            </ion-reorder>
+            <ion-item>
+              Item 7 (custom ion-reorder slot="start")
+              <ion-reorder slot="start"><ion-icon name="pizza"></ion-reorder>
+            </ion-item>
 
             <ion-reorder class="no-hide">
               <ion-item>Item 8 (the whole item can be dragged)</ion-item>
@@ -66,6 +67,10 @@
               <ion-item>Item 9 (the whole item can be dragged)</ion-item>
             </ion-reorder>
 
+            <ion-reorder class="no-hide">
+              <ion-item>Item 10 (the whole item can be dragged)</ion-item>
+            </ion-reorder>
+
           </ion-reorder-group>
         </ion-list>
       </ion-content>