Options in select option doesn't match elements width : As you can see - the once clicking the select menu - the options are overlapping....

[![enter image description here][1]][1]

I wonder if anyone stumble upon this kind of behavior and what could to match the option width to the select width - i didn't added a fiddle because the problem occurs in my project which i can't share... so i need a more general approach

Here is the CSS:

    .select {
       width: 100%;
       border-radius: 5px;
       border: 1px solid #dcdcdc;
       font-size: 12px;
     }


  [1]: https://i.stack.imgur.com/dptcy.jpg