# Font awesome icon breaks plugin

**URL:** <https://meta.discourse.org/t/font-awesome-icon-breaks-plugin/49995>\
**Category:** Product Support\
**Created:** [September 12, 2016, 3:47am UTC](https://meta.discourse.org/t/font-awesome-icon-breaks-plugin/49995 "2016-09-12T03:47:07Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![auryn\_macmillan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/auryn_macmillan/32/56633_2.png) [@auryn\_macmillan](https://meta.discourse.org/u/auryn_macmillan)\
**Post date:** [September 12, 2016, 3:47am UTC](https://meta.discourse.org/t/font-awesome-icon-breaks-plugin/49995/1 "2016-09-12T03:47:07Z")

</div>

I’ve installed a couple of OAuth2 plugins, and noticed that they all seem to use a bit of an ugly hack in order to place the an icon on their relative login button. Being the genius that I am, I figured I’d go ahead and replace it with a font awesome icon, then relish in the glory of my accomplishment. Much to my dismay, this seems to break discourse before the build is complete.

The minor changes to plugin.rb are shown below, any insight as to why it breaks and if there is a clean workaround would be greatly appreciated.

###Original, will compile:

```plaintext
register_css <<CSS

  .btn-social.slack {
    background: #08c;
    text-indent: 19px;
  }

  .btn-social.slack:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    margin-left: -22px;
    margin-top: 1px;
    background-image: url('data:image/png;base64,[encoded image removed to save space]');
  }

CSS

```

###My edit, will not compile:

```plaintext
register_css <<CSS

  .btn-social.slack {
    background: #08c;
    text-indent: 19px;
  }

  .btn-social.slack:before {
    content: "\f198";
  }

```

The reason I’d like to use the font awesome icons instead is to avoid this buggy scrolling behaviour:

 ![](https://global.discourse-cdn.com/meta/original/3X/f/a/fa43206756b832fbef067d14129ac70d091b1fce.png)

 ![](https://global.discourse-cdn.com/meta/original/3X/2/7/27203f0c1264ed3bdfa05171e7de987c2562860d.png)

---

_[View the full topic](https://meta.discourse.org/t/font-awesome-icon-breaks-plugin/49995)._