title: How can I remove the black border from Select component of Native Base?
body: <p><a href="https://i.stack.imgur.com/yMUvc.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>I'm using  from native base to select the values of locale and timezone field. But there's this black border which surrounds the Select element. So how Can I remove that border ? I tried setting borderWidth to 0px as well as changing borderColor attribute but nothing seems to be working. The Select element is inside Controller of FormControl.</p>
  <p>Code for locale select</p>
  <pre><code>&lt;Controller
                              control={control}
                              render={({ field: { onChange, value } }) =&gt; (
                                  &lt;Select
                                      accessibilityLabel={t('screens:regionSettings.placeholders.selectLocale')}
                                      placeholder={t('screens:regionSettings.placeholders.selectLocale')}
                                      selectedValue={value}
                                      variant={'unstyled'}
                                      borderColor={'secondaryLight.100'}
                                      onValueChange={(val: string) =&gt; {
                                          onChange(val);
                                          setLocale(val);
                                      }}
                                      {...selectProps}&gt;
                                      {renderOptions(allLocales)}
                                  &lt;/Select&gt;
                              )}
                              rules={{
                                  required: t('screens:regionSettings.errors.enterLocale') as string,
                              }}
                              name=&quot;locale&quot;
                          /&gt;
  </code></pre>