Longer allowed variables are not completely visible in the drop-down box | pipelines

Issue Summary

• For longer variables values for the custom variables in the pipelines, the dropdown box only shows some characters of it.
• Users have to drag it to the extreme right to see the full variable value.

Steps to reproduce

• We can test using the below sample YAML file.

  image: atlassian/default-image:3
  
  pipelines:
    custom:
      run-test-for-environment:
        - variables:
            - name: Environment_Name
              default: dev.abc.xyz.something.hello.qwerty.com.io.ai.guru.dev.io  
              allowed-values:         # optionally restrict variable values
               - dev.abc.xyz.something.hello.qwerty.com.io.ai.guru.dev.io
               - staging.abc.xyz.something.hello.qwerty.com.io.ai.guru.dev.io
               - production.abc.xyz.something.hello.qwerty.com.io.ai.guru.dev.io
        - step: 
            script:
              - echo "environment is $Environment"
  

• Go to the run pipeline button and select the branch and a dropdown will appear.
• The dropdown menu is only showing some characters of the variables (refer to the attached screenshot)

Expected Scenario

• It should display the full variable, or maybe in the next line.

Actual Results

• Dropdown menu is only showing some characters of the variables