title: How to right align text in Dash Input Select component with CSS-style?
body: <p>I am trying to right align the text in <a href="https://dash-bootstrap-components.opensource.faculty.ai/docs/components/input/" rel="nofollow noreferrer">Dash Bootstrap Input Select component</a>.
  Adding CSS-style: text-align; right does not work (see below):</p>
  <pre><code>import dash_bootstrap_components as dbc
  
  select = dbc.Select(
      id=&quot;select&quot;,
      options=[
          {&quot;label&quot;: &quot;Option 1&quot;, &quot;value&quot;: &quot;1&quot;},
          {&quot;label&quot;: &quot;Option 2&quot;, &quot;value&quot;: &quot;2&quot;},
      ],
      style={
          'text-align': 'right',
             }
  
  )
  </code></pre>
  <p>returning (with text aligned to the left as default). What am I missing?:
  <a href="https://i.stack.imgur.com/Pc6UN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Pc6UN.png" alt="enter image description here" /></a></p>