Normal value turns up as 50

When i try to make a SMART alert for my smart display it returns 50 while the value is ‘normal’ i checked the value of “sensor.olympus_cacheapparaat_1_status_smart” in developertools it turns up the value ‘normal’ but when i call on it it returs 50?

type: custom:button-card
entity: null
show_name: false
show_icon: false
styles:
  card:
    - padding: 25px;
    - background: rgba( 0, 0, 0, .5);
    - border-radius: 15px;
    - padding-bottom: 10px;
    - border: 2px solid
    - border-radius: 15px;
    - background-size: 75%
  custom_fields:
    smart1:
      - position: absolute
      - left: 5%
      - top: 5px
      - color: >-
            [[[if (states["sensor.olympus_cacheapparaat_1_status_smart"].state == "normal")
            return '#48ff05'; else return
            '#ff0505'; ]]]
custom_fields:
  smart1: |
    [[[
      if (states["sensor.olympus_cacheapparaat_1_status_smart"].state == "normal")
        return `<ha-icon
          icon="mdi:check"
          style="width: 20px; height: 20px;">
          </ha-icon></ha-icon
        <span>${states['sensor.olympus_cacheapparaat_1_status_smart'].state}%</span>`
      else 
        return `<ha-icon
          icon="mdi:alert-box"
          style="width: 20px; height: 20px;">
          </ha-icon></ha-icon
          <span>${states['sensor.olympus_cacheapparaat_1_status_smart'].state}</span>`
    ]]]