diff --git a/_sass/2017/components/comments-details.scss b/_sass/2017/components/comments-details.scss
index f0eaf8ca6..77487a1bc 100644
--- a/_sass/2017/components/comments-details.scss
+++ b/_sass/2017/components/comments-details.scss
@@ -36,9 +36,10 @@
   }
 
   & > summary > .count::before {
-    @include ion-icon('md-chatboxes');
+    @include ion-md-chatboxes(24px, $base-a);
+    content: '';
+    vertical-align: middle;
     color: $base-a;
-    font-size: 24px;
     margin: 0 8px;
   }
 
diff --git a/_sass/2017/components/search-box.scss b/_sass/2017/components/search-box.scss
index e0b9f70a3..bd9efe7b8 100644
--- a/_sass/2017/components/search-box.scss
+++ b/_sass/2017/components/search-box.scss
@@ -63,13 +63,11 @@
 
   // Icon
   &::before {
-    @include ion-icon('md-search');
-    font-size: 32px;
-    color: $base-head;
+    content: '';
+    @include ion-md-search(32px, $base-head);
+    background-position: center center;
     flex: 0 0 64px;
     width: 64px;
-    line-height: 64px;
-    text-align: center;
     order: 2;
   }
 }
diff --git a/_sass/vendor/ionicons-inline/ionicons.scss b/_sass/vendor/ionicons-inline/ionicons.scss
index 942610d25..b0b6cc535 100644
--- a/_sass/vendor/ionicons-inline/ionicons.scss
+++ b/_sass/vendor/ionicons-inline/ionicons.scss
@@ -1,8 +1,9 @@
-/*! ionicons-inline v0.0.6 | MIT | https://github.com/rstacruz/ionicons-inline */
+/*! ionicons-inline v0.0.7 | MIT | https://github.com/rstacruz/ionicons-inline */
 
 @mixin ion-base {
   line-height: 1em;
   display: inline-block;
+  vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }