diff --git a/src/Synolia/Bundle/FavoriteBundle/Resources/public/default/scss/components/favorite-button-ajax.scss b/src/Synolia/Bundle/FavoriteBundle/Resources/public/default/scss/components/favorite-button-ajax.scss
index b6f2973..0ab055b 100644
--- a/src/Synolia/Bundle/FavoriteBundle/Resources/public/default/scss/components/favorite-button-ajax.scss
+++ b/src/Synolia/Bundle/FavoriteBundle/Resources/public/default/scss/components/favorite-button-ajax.scss
@@ -7,7 +7,11 @@
     bottom: $favorite-button-position-bottom;
     left: $favorite-button-position-left;
   }
-  .isFavorite {
-    fill: currentColor;
+  &__icon {
+    fill: transparent;
+    stroke: currentColor;
+    &.isFavorite {
+      fill: currentColor;
+    }
   }
 }
diff --git a/src/Synolia/Bundle/FavoriteBundle/Resources/views/layouts/default/page/layout.html.twig b/src/Synolia/Bundle/FavoriteBundle/Resources/views/layouts/default/page/layout.html.twig
index 1285a6f..6f70fff 100644
--- a/src/Synolia/Bundle/FavoriteBundle/Resources/views/layouts/default/page/layout.html.twig
+++ b/src/Synolia/Bundle/FavoriteBundle/Resources/views/layouts/default/page/layout.html.twig
@@ -12,11 +12,11 @@
         'data-page-component-init-on': 'asap',
         'data-page-component-view': 'synoliafavorite/js/app/views/favorite-button-view-ajax',
         'data-page-component-options': options|json_encode,
-        '~class': ' favorite-button favorite-button--' ~ class_prefix
+        '~class': ' btn btn--plain btn--no-padding favorite-button favorite-button--' ~ class_prefix
     }) %}
 
     <button {{ block('block_attributes') }}>
         {% import '@OroUI/layouts/renderIcon.html.twig' as renderIcon %}
-        {{ renderIcon.icon({name: 'heart', extraClass: 'theme-icon__transparent favorite-button__icon' ~ heartSvgClass}) }}
+        {{ renderIcon.icon({name: 'heart', extraClass: 'favorite-button__icon' ~ heartSvgClass}) }}
     </button>
 {% endblock %}