From 1da6836efe3442da246a2466cc78507930dbcb8e Mon Sep 17 00:00:00 2001
From: Wraith <54374743+wraith4081@users.noreply.github.com>
Date: Tue, 20 Jan 2026 19:48:50 +0300
Subject: [PATCH] fix(ui): move the width definition for PerformanceOverlay's
 layer bars into the class (#2964)

## Description:

move the width definition for PerformanceOverlay's layer bars into the
class

## Please complete the following:

- [X] I have added screenshots for all UI updates
- [X] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [X] I have added relevant tests to the test directory
- [X] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced

## Please put your Discord username so you can be contacted if a bug or
regression is found:

wraith4081

Co-authored-by: Ryan <7389646+ryanbarlow97@users.noreply.github.com>
---
 src/client/graphics/layers/PerformanceOverlay.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/client/graphics/layers/PerformanceOverlay.ts b/src/client/graphics/layers/PerformanceOverlay.ts
index 564e94997..ad27aeaa5 100644
--- a/src/client/graphics/layers/PerformanceOverlay.ts
+++ b/src/client/graphics/layers/PerformanceOverlay.ts
@@ -209,6 +209,7 @@ export class PerformanceOverlay extends LitElement implements Layer {
 
     .layer-bar-fill {
       height: 100%;
+      width: var(--width);
       background: #38bdf8;
       border-radius: 3px;
     }
@@ -611,7 +612,7 @@ export class PerformanceOverlay extends LitElement implements Layer {
                   </span>
                   <div class="layer-bar">
                     <div
-                      class="layer-bar-fill w-(--width)"
+                      class="layer-bar-fill"
                       style="--width: ${width}%;"
                     ></div>
                   </div>