# WYSIWYG editor adding a space when using Font Awesome

**URL:** <https://community.hubspot.com/t/wysiwyg-editor-adding-a-space-when-using-font-awesome/92518>\
**Category:** CMS Development\
**Tags:** starter\
**Created:** [October 24, 2023, 11:23pm UTC](https://community.hubspot.com/t/wysiwyg-editor-adding-a-space-when-using-font-awesome/92518 "2023-10-24T23:23:18Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![BRobinson3](https://avatars.discourse-cdn.com/v4/letter/b/439d5e/32.png) [@BRobinson3](https://community.hubspot.com/u/BRobinson3)\
**Post date:** [October 24, 2023, 11:23pm UTC](https://community.hubspot.com/t/wysiwyg-editor-adding-a-space-when-using-font-awesome/92518/1 "2023-10-24T23:23:18Z")

</div>

Im trying to place a font awsome icon centered inside a CSS generated circle. The WYSIWYG editor keeps adding a space which throws the FA icon off center.

\<div class=“circle”\>\<i class=“fa-solid fa-book” style=“color: #ffb351;”\>

\

\</i\>\</div\>

\<style\>  
.circle  
{  
width: 100px;  
height: 100px;  
background-color: #3498db;  
border-radius: 50%;  
display: flex;  
justify-content: center;  
align-items: center;  
font-size: 60px;  
}

.circle i {  
}  
\</style\>

Is there a better way to approach this or is there a work around suggestions?

---

<div class="post-metadata">

**Author:** ![Jaycee\_Lewis](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jaycee_lewis/32/61352_2.png) [@Jaycee\_Lewis](https://community.hubspot.com/u/Jaycee_Lewis)\
**Post date:** [October 25, 2023, 10:06pm UTC](https://community.hubspot.com/t/wysiwyg-editor-adding-a-space-when-using-font-awesome/92518/2 "2023-10-25T22:06:35Z")

</div>

Hi, @BRobinson3 👋 Thanks for your question. I’d like to invite some community members to the conversation — hey @MBERARD @piersg @ankitparmar09, do you have any tips you can share with @BRobinson3?

Thank you very much for taking a look! — Jaycee

---

<div class="post-metadata">

**Author:** ![DGrape74](https://avatars.discourse-cdn.com/v4/letter/d/838e76/32.png) [@DGrape74](https://community.hubspot.com/u/DGrape74)\
**Post date:** [October 28, 2024, 8:47pm UTC](https://community.hubspot.com/t/wysiwyg-editor-adding-a-space-when-using-font-awesome/92518/3 "2024-10-28T20:47:00Z")

</div>

was a fix for this ever found?