How to Adjust the Width of the Select Field in Controls Visualization?

OpenSearch Dashboards
1

Hi everyone,

I’m using the Controls visualization in OpenSearch Dashboards v 2.12.0, and I’m wondering how to change the width of the select field. Is there a way to customize its size to make it better fit my needs?

Additionally, I’d like to know the simplest way to achieve this without having to modify the entire OpenSearch CSS styles. I’ve attached a file to show exactly what I mean.

Any tips or guidance would be much appreciated. Thanks!

Relevant Logs or Screenshots:

controlstyle
controlstyle1676×198 5.04 KB

2

So far, I have tried the following:
1. Adding CSS via the OpenSearch Dashboards Dev Console – but the results weren’t satisfactory.
2. Looking through the documentation and settings for any built-in options to modify this – but I couldn’t find anything specific.

My question:
• Is there a straightforward way to change the width of the select field?
• Perhaps a simple hack or script without the need to write a completely new theme template or modify global CSS?

Any advice or pointers would be greatly appreciated!

Thanks in advance! :pray: