# Icons change color on hover with delay

**URL:** https://meta.discourse.org/t/icons-change-color-on-hover-with-delay/268464
**Category:** UX
**Created:** [June 15, 2023, 2:22pm UTC](https://meta.discourse.org/t/icons-change-color-on-hover-with-delay/268464 "2023-06-15T14:22:46Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [June 15, 2023, 2:22pm UTC](https://meta.discourse.org/t/icons-change-color-on-hover-with-delay/268464/1 "2023-06-15T14:22:46Z")

</div>

Idk if this had been like that and I only noticed now, or if this is a regression. Icons on buttons with icon and text change their color slightly later then the text. It’s pretty visible when you have a strong hover contrast:

But it seems to happen all the time, e.g. here on meta:

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 15, 2023, 2:26pm UTC](https://meta.discourse.org/t/icons-change-color-on-hover-with-delay/268464/2 "2023-06-15T14:26:02Z")

</div>

Hi nolo!

I also noticed this. Buttons’ background and text color don’t have a `transition` attribute, whereas icons have (which targets `color`, to add extra details), hence the delay.

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [June 15, 2023, 2:34pm UTC](https://meta.discourse.org/t/icons-change-color-on-hover-with-delay/268464/3 "2023-06-15T14:34:34Z")

</div>

Yes, with

```plaintext
.btn-primary .d-icon,
.btn .d-icon {
  transition: unset;
}

```

it’s snappy. So is there a reason for the transition?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [June 15, 2023, 2:44pm UTC](https://meta.discourse.org/t/icons-change-color-on-hover-with-delay/268464/4 "2023-06-15T14:44:11Z")

</div>

I shall ask our design Wizards! 🖌 🧙

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [June 16, 2023, 2:49pm UTC](https://meta.discourse.org/t/icons-change-color-on-hover-with-delay/268464/6 "2023-06-16T14:49:57Z")

</div>

Thanks for reporting it! Will be fixed here:

[https://github.com/discourse/discourse/pull/22157](https://github.com/discourse/discourse/pull/22157)

We already have transitions on most buttons, so this gets us back to consistency. We’ve always had transitions on buttons so removing them would be a bigger change.
