# 22.4.0 Broke \<sp-popover\> layout

**URL:** <https://forums.creativeclouddeveloper.com/t/22-4-0-broke-sp-popover-layout/2946>\
**Category:** Photoshop\
**Created:** [May 13, 2021, 7:57pm UTC](https://forums.creativeclouddeveloper.com/t/22-4-0-broke-sp-popover-layout/2946 "2021-05-13T19:57:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![YusakuGodai](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/yusakugodai/32/1403_2.png) [@YusakuGodai](https://forums.creativeclouddeveloper.com/u/YusakuGodai)\
**Post date:** [May 13, 2021, 7:57pm UTC](https://forums.creativeclouddeveloper.com/t/22-4-0-broke-sp-popover-layout/2946/1 "2021-05-13T19:57:22Z")

</div>

The PS 22.4 update broke how `<sp-popover>` buttons are rendered; it’s acting like they have a built in `<br>` tag.

I had a row of `<sp-button>` tags, and near the end of the row were two `<sp-popover>` buttons – with 22.4 they are now on their own row. It’s enough that just an empty `<sp-popover id="foo"></sp-popover>` block is enough to effectively stick in a line break.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/xdplugins/original/2X/4/4a978e652e658c2a0b7587af64efbfedfd20e3f5.png)

I’d love a patch to fix this, but I’m guessing that’s not likely. Is there any HMTL or CSS I can add to this that would workaround the problem in the meantime? Currently we’ve had to tell customers to roll back to 22.3.x but that’s not going to work long term 😛

---

<div class="post-metadata">

**Author:** ![Maher](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/maher/32/1432_2.png) [@Maher](https://forums.creativeclouddeveloper.com/u/Maher)\
**Post date:** [May 14, 2021, 11:42am UTC](https://forums.creativeclouddeveloper.com/t/22-4-0-broke-sp-popover-layout/2946/2 "2021-05-14T11:42:09Z")

</div>

from the look of it I think the following CSS might fix the issue

> sp-popover {
> 
> ```
> display: inline-block;
> 
> ```
> 
> }

---

<div class="post-metadata">

**Author:** ![YusakuGodai](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/yusakugodai/32/1403_2.png) [@YusakuGodai](https://forums.creativeclouddeveloper.com/u/YusakuGodai)\
**Post date:** [May 14, 2021, 12:48pm UTC](https://forums.creativeclouddeveloper.com/t/22-4-0-broke-sp-popover-layout/2946/3 "2021-05-14T12:48:02Z")

</div>

Yes, that did the trick – thanks @Maher !

---

<div class="post-metadata">

**Author:** ![Maher](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/maher/32/1432_2.png) [@Maher](https://forums.creativeclouddeveloper.com/u/Maher)\
**Post date:** [May 15, 2021, 11:17am UTC](https://forums.creativeclouddeveloper.com/t/22-4-0-broke-sp-popover-layout/2946/4 "2021-05-15T11:17:12Z")

</div>

you’re welcome, I don’t always recommend altering the default styles. so it might be better practice if you select the buttons with a class or a more specific selector. especially if you’re working with a team that might expect default styles for some elements in the future.