Slider of dimmer item not aligned properly

[ErikDB87]

The problem

There's something wrong with how sliders are visualised. I've set this item to 4, but as you see, the button is not exactly at 4:

Expected behavior

I would expect the dot to be exactly above the "4".

Steps to reproduce

1. I created this item:

Dimmer haard_eetkamer_niveau2 "Haard eetkamer - Niveau" <temperature> { stateDescription=" "[min="1", max="8"] }

The yaml code is pretty basic:

label: Haard eetkamer - Niveau
type: Dimmer
category: temperature
groupNames: []
tags: []

Your environment

runtimeInfo:
  version: 4.2.1
  buildString: Release Build
locale: nl-BE
systemInfo:
  configFolder: /etc/openhab
  userdataFolder: /var/lib/openhab
  logFolder: /var/log/openhab
  javaVersion: 17.0.12
  javaVendor: Azul Systems, Inc.
  javaVendorVersion: Zulu17.52+17-CA
  osName: Linux
  osVersion: 6.8.0-45-generic
  osArchitecture: amd64
  availableProcessors: 4
  freeMemory: 487675232
  totalMemory: 987758592
  uptime: 571925
  startLevel: 100
addons:
  - automation-jsscripting
  - binding-astro
  - binding-buienradar
  - binding-chromecast
  - binding-enocean
  - binding-gpstracker
  - binding-hpprinter
  - binding-http
  - binding-icloud
  - binding-mail
  - binding-mqtt
  - binding-network
  - binding-openweathermap
  - binding-semsportal
  - binding-sonos
  - binding-tado
  - binding-upnpcontrol
  - misc-openhabcloud
  - persistence-rrd4j
  - transformation-jsonpath
  - ui-basic
clientInfo:
  device:
    ios: false
    android: false
    androidChrome: false
    desktop: true
    iphone: false
    ipod: false
    ipad: false
    edge: false
    ie: false
    firefox: false
    macos: false
    windows: true
    cordova: false
    phonegap: false
    electron: false
    nwjs: false
    webView: false
    webview: false
    standalone: false
    os: windows
    pixelRatio: 1.25
    prefersColorScheme: light
  isSecureContext: false
  locationbarVisible: true
  menubarVisible: true
  navigator:
    cookieEnabled: true
    deviceMemory: N/A
    hardwareConcurrency: 8
    language: nl-BE
    languages:
      - nl-BE
      - nl-NL
      - nl
      - en-US
      - en
    onLine: true
    platform: Win32
  screen:
    width: 1536
    height: 864
    colorDepth: 24
  support:
    touch: false
    pointerEvents: true
    observer: true
    passiveListener: true
    gestures: false
    intersectionObserver: true
  themeOptions:
    dark: light
    filled: true
    pageTransitionAnimation: default
    bars: light
    homeNavbar: default
    homeBackground: default
    expandableCardAnimation: default
    blocklyRenderer: null
  userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML,
    like Gecko) Chrome/129.0.0.0 Safari/537.36
timestamp: 2024-09-26T19:13:06.822Z

Browser console

Uncaught Error: Attempting to use a disconnected port object
    at contentInit.4c8b2279.js:2:1836Understand this error
:8080/icon/mdi_timer-outline?format=svg&anyFormat=true&state=2024-08-26T17%3A49%3A20.000%2B0200&iconset=classic:1 
        
        
       Failed to load resource: the server responded with a status of 404 (Not Found)Understand this error
:8080/icon/mdi_timer-outline?format=svg&anyFormat=true&state=2024-08-26T17%3A49%3A20.000%2B0200&iconset=classic:1 
        
        
       Failed to load resource: the server responded with a status of 404 (Not Found)Understand this error
contentInit.4c8b2279.js:2 Uncaught Error: Attempting to use a disconnected port object
    at contentInit.4c8b2279.js:2:1836Understand this error
:8080/icon/mdi_timer-outline?format=svg&anyFormat=true&state=2024-08-26T17%3A49%3A20.000%2B0200&iconset=classic:1 
        
        
       Failed to load resource: the server responded with a status of 404 (Not Found)Understand this error
11contentInit.4c8b2279.js:2 Uncaught Error: Attempting to use a disconnected port object
    at contentInit.4c8b2279.js:2:1836Understand this error
3contentInit.4c8b2279.js:2 Uncaught Error: Attempting to use a disconnected port object
    at contentInit.4c8b2279.js:2:1836

Browser network traffic

Request URL:
http://192.168.1.9:8080/icon/mdi_timer-outline?format=svg&anyFormat=true&state=2024-08-26T17%3A49%3A20.000%2B0200&iconset=classic
Request Method:
GET
Status Code:
404 Not Found
Remote Address:
192.168.1.9:8080
Referrer Policy:
strict-origin-when-cross-origin
cache-control:
must-revalidate,no-cache,no-store
content-length:
1271
content-type:
text/html
server:
Jetty(9.4.54.v20240208)
accept:
image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding:
gzip, deflate
accept-language:
nl-BE,nl-NL;q=0.9,nl;q=0.8,en-US;q=0.7,en;q=0.6
connection:
keep-alive
cookie:
X-OPENHAB-SESSIONID=9e2f85fd-48c7-479b-a21a-ca70c619f44d
host:
192.168.1.9:8080
referer:
http://192.168.1.9:8080/settings/items/
user-agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36

and

Request URL:
http://192.168.1.9:8080/icon/mdi_timer-outline?format=svg&anyFormat=true&state=2024-08-26T17%3A49%3A20.000%2B0200&iconset=classic
Request Method:
GET
Status Code:
404 Not Found
Remote Address:
192.168.1.9:8080
Referrer Policy:
strict-origin-when-cross-origin
cache-control:
must-revalidate,no-cache,no-store
content-length:
1271
content-type:
text/html
server:
Jetty(9.4.54.v20240208)
accept:
image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding:
gzip, deflate
accept-language:
nl-BE,nl-NL;q=0.9,nl;q=0.8,en-US;q=0.7,en;q=0.6
connection:
keep-alive
cookie:
X-OPENHAB-SESSIONID=9e2f85fd-48c7-479b-a21a-ca70c619f44d
host:
192.168.1.9:8080
referer:
http://192.168.1.9:8080/settings/items/
user-agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36

Additional information