Typing Indicator Bug

[CranCrav]

Describe the bug

When a user is typing, the typing indicator is off-sentered

Screenshots

I'm using Vencord, and I am using the correct css. I also made sure it wasn't anything else, and the problem persisted regardless of if i had any themes on or off.

[pauel3312]

Same issue here.

[ezeholz]

Fixed it using

#app-mount .wrapper__44b0c .mask__44b0c > rect[x="14.5"] {
  x: 0;
  y: 0;
}

Might be a better way of fixing it, but this do the trick.

[FroggMaster]

In the primary CSS the following must be changed

From:

#app-mount .wrapper__44b0c .pointerEvents__44b0c[x="14.5"] {
  fill: rgba(0, 0, 0, 0.5) !important;
  width: var(--rs-members-width, 30px);
  height: var(--rs-members-width, 30px);
  x: calc(var(--rs-members-width, 30px) / 2 - 2px);
  y: calc(var(--rs-members-width, 30px) / 2);
}

To:

#app-mount .wrapper__44b0c .pointerEvents__44b0c[x="14.5"] {
  fill: rgba(0, 0, 0, 0.5) !important;
  width: var(--rs-members-width, 30px);
  height: var(--rs-members-width, 30px);
  x: 0;
  y: 0;
}

This adjusts the offset of the overlay to the center of the Avatar.

Alternatively if you just want to append to the existing CSS without modifying the existing one:

#app-mount .wrapper__44b0c .pointerEvents__44b0c[x="14.5"] {
  x: 0; !important
  y: 0; !important
}