# Misplaced AI docs Overlay button

**URL:** https://meta.discourse.org/t/misplaced-ai-docs-overlay-button/366138
**Category:** UX
**Tags:** discourse-hub, accessibility, ai
**Created:** [May 14, 2025, 6:19pm UTC](https://meta.discourse.org/t/misplaced-ai-docs-overlay-button/366138 "2025-05-14T18:19:30Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [May 14, 2025, 8:08pm UTC](https://meta.discourse.org/t/misplaced-ai-docs-overlay-button/366138/2 "2025-05-14T20:08:25Z")

</div>

Hi Sven,

Good question! The only way to fix this is to change the positioning of the AI Docs button on the Penpot instance. An admin on that instance should add some padding or margin to the element. Something like this:

```css
.ikp-chat-button__container {
  margin-bottom: 70px;
}

```

should work.

Note that this doesn’t only affect the DiscourseHub app, it also affects any users using PWAs (on Android or iOS).

---

_[View the full topic](https://meta.discourse.org/t/misplaced-ai-docs-overlay-button/366138)._