# Please fix FAB, ruins formatting

**URL:** <https://community.pickaxe.co/t/please-fix-fab-ruins-formatting/5255>\
**Category:** Bugs / Site Issues\
**Created:** [April 9, 2025, 6:15pm UTC](https://community.pickaxe.co/t/please-fix-fab-ruins-formatting/5255 "2025-04-09T18:15:33Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![riskacademy](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/riskacademy/32/228_2.png) [@riskacademy](https://community.pickaxe.co/u/riskacademy)\
**Post date:** [April 9, 2025, 6:15pm UTC](https://community.pickaxe.co/t/please-fix-fab-ruins-formatting/5255/1 "2025-04-09T18:15:33Z")

</div>

I have 2 websites, 2 different pickaxes, same issue with FAB, it ruins the formating, all text times new roman instead of what it is intended to be. The icon on the circle doesn’t stick and shows pickaxe logo when whitelabelled, weird borders around buttons, etc. sometimes ruins the formating on the rest of the pages. Some issue with google fonts on your side guys.

---

<div class="post-metadata">

**Author:** ![admin\_mike](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/admin_mike/32/283_2.png) [@admin\_mike](https://community.pickaxe.co/u/admin_mike)\
**Post date:** [April 13, 2025, 6:34pm UTC](https://community.pickaxe.co/t/please-fix-fab-ruins-formatting/5255/2 "2025-04-13T18:34:19Z")

</div>

If you can share a link to a webpage where an embedded FAB demonstrates this issue, it will help us troubleshoot it.

@stephenasuncion check out this bug with FABs.

---

<div class="post-metadata">

**Author:** ![riskacademy](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/riskacademy/32/228_2.png) [@riskacademy](https://community.pickaxe.co/u/riskacademy)\
**Post date:** [April 13, 2025, 7:02pm UTC](https://community.pickaxe.co/t/please-fix-fab-ruins-formatting/5255/3 "2025-04-13T19:02:55Z")

</div>

Riskacademy.blog on all pages

---

<div class="post-metadata">

**Author:** ![stephenasuncion](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/stephenasuncion/32/3111_2.png) [@stephenasuncion](https://community.pickaxe.co/u/stephenasuncion)\
**Post date:** [April 15, 2025, 8:02pm UTC](https://community.pickaxe.co/t/please-fix-fab-ruins-formatting/5255/4 "2025-04-15T20:02:13Z")

</div>

Hi @riskacademy,

Font system should be fixed on embeds.

Regarding borders around buttons, looks like the “sapor” theme you’re using for wordpress is adding styles to all the buttons and some other components see here:

 ![image](https://canada1.discourse-cdn.com/flex004/uploads/pickaxeproject/original/2X/8/8ab77565de11cbe2d86f432636604eced1d26dd4.png)

---

<div class="post-metadata">

**Author:** ![riskacademy](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/riskacademy/32/228_2.png) [@riskacademy](https://community.pickaxe.co/u/riskacademy)\
**Post date:** [April 15, 2025, 8:41pm UTC](https://community.pickaxe.co/t/please-fix-fab-ruins-formatting/5255/5 "2025-04-15T20:41:25Z")

</div>

Thank you. There still seems to be an issue with icon on the FAB it doesn’t fit the image nicely in to the circle, need spacing around the image, and it randomly goes back to pickaxe logo and to my logo and back

---

<div class="post-metadata">

**Author:** ![riskacademy](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/riskacademy/32/228_2.png) [@riskacademy](https://community.pickaxe.co/u/riskacademy)\
**Post date:** [April 20, 2025, 3:09pm UTC](https://community.pickaxe.co/t/please-fix-fab-ruins-formatting/5255/6 "2025-04-20T15:09:35Z")

</div>

**Analysis:**

1. **Chatbot Initialization:** The chatbot seems to be primarily loaded and controlled by this script: `<script src="https://plugin.nytsys.com/api/site/a1a98530-ba9e-48a2-ba49-9aa08246e173/nytsys.min.js" ></script>` This script likely targets the `<div id="rendering-information">` which contains the configuration, including the `data-frame-source`.
2. **Iframe Loading:** The `data-frame-source` points to `https://embed.pickaxeproject.com/...`. This means the chatbot interface itself loads inside an iframe served from the `pickaxeproject.com` domain.
3. **Customization Parameters:** The URL parameters in `data-frame-source` define many visual aspects (colors, fonts, sizes, theme), but crucially, **there is no parameter explicitly setting your logo URL.**
4. **The Flicker Cause (Most Likely):**

- The iframe (`embed.pickaxeproject.com/...`) loads its default HTML and CSS first. This default state probably includes the vendor’s logo (Pickaxe/Nytsys).
- _After_ the initial iframe structure is loaded, the `nytsys.min.js` script (or JavaScript _within_ the iframe, triggered by the script or parameters) runs.
- This script then likely fetches your specific configuration tied to your site ID (`a1a98530-...`) or uses information passed to it. This configuration includes your custom logo URL.
- The script then dynamically updates the iframe’s content, replacing the default vendor logo with your logo.
- This delay between the initial render (with vendor logo) and the script-based update (to your logo) is what causes the visible flicker.

---

<div class="post-metadata">

**Author:** ![riskacademy](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.pickaxe.co/riskacademy/32/228_2.png) [@riskacademy](https://community.pickaxe.co/u/riskacademy)\
**Post date:** [April 20, 2025, 3:10pm UTC](https://community.pickaxe.co/t/please-fix-fab-ruins-formatting/5255/7 "2025-04-20T15:10:21Z")

</div>

When the chatbot embed loads, the default Pickaxe/Nytsys logo flashes briefly before being replaced by our custom logo. Is there a way to prevent this flicker and have our logo load initially?
