Skip to content

Icon Block - icon shifts position on hover in Safari when gradient background is applied to both normal and hover states #3687

@malalacharm

Description

@malalacharm

Describe the bug
When a gradient background is applied to an icon in both the normal and hover states, the icon shifts or “moves” slightly when hovered in Safari.

To Reproduce
Steps to reproduce the behavior:

  1. Add a Button block
  2. Add an Icon within the button block
  3. For the Button color, add a gradient color for Normal State and Hovered State
  4. See error in Safari (icon is shifting)

Expected behavior
When a gradient background is applied to both the normal and hover states of a button, the icon should stay in place on hover.

Screenshots

Screen.Recording.2026-02-24.at.17.40.58.mov

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions