WYSIWYG editor adding a space when using Font Awesome

Develop, Build & Integrate CMS Development
1

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?

2

Hi, @BRobinson3 :waving_hand: 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

3

was a fix for this ever found?