background-color is not properly applied to element-text and element-icon

[nix6839]

Following is my configuration file

* {
  font: "Pretender 12";
  background-color: rgba(32, 33, 36, 0.5);
  border-color: #2e343f;
  text-color: #8ca0aa;
  width: 700px;
}

window {
  spacing: 0;
  border-radius: 10px;
  children: [entry, listview];
  transparency: "screenshot";
}

entry {
  expand: false;
  border: 0 0 1px 0;
  padding: 16px;
}

listview {
  spacing: 0;
  cycle: true;
}

element-icon {
  padding: 2px 0 0 0;
  margin: 0 6px 0 0;
  size: 20px;
}

element {
  border: 0 0 1px 0;
  padding: 8px 10px;
}

element, element-text, element-icon {
  background-color: rgba(255, 255, 255, 0.1);
}

element.selected, element-text.selected, element-icon.selected {
  background-color: #2e343f;
}

textbox {
  padding: 8px 14px;
}

Issue lines

element, element-text, element-icon {
  background-color: rgba(255, 255, 255, 0.1);
}

element.selected, element-text.selected, element-icon.selected {
  background-color: rgba(200, 200, 200, 0.1);
}

It looks like this:

The background color of element and element-icon, element-text is different.

[nix6839]

My rofi version is 1.7.0
Launch command is rofi -modi drun -show drun -show-icons
I'm using wm i3-gaps

[DaveDavenport]

See #1397 and the many other discussions on this forum.