# Choose File Input Component
**URL:** https://forum.bootstrapstudio.io/t/choose-file-input-component/7670
**Category:** Bootstrap Studio Help
**Created:** [August 11, 2021, 6:59am UTC](https://forum.bootstrapstudio.io/t/choose-file-input-component/7670 "2021-08-11T06:59:34Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@braglucia](https://forum.bootstrapstudio.io/u/braglucia)
#### Post date: [August 11, 2021, 6:59am UTC](https://forum.bootstrapstudio.io/t/choose-file-input-component/7670/1 "2021-08-11T06:59:35Z")
There is a way to fix / modify the two items Choose File and No File Selected in the File Input Component of the Form? As you can see, the two items are too close.
---
### Author:  [@martin](https://forum.bootstrapstudio.io/u/martin)
#### Post date: [August 12, 2021, 2:04pm UTC](https://forum.bootstrapstudio.io/t/choose-file-input-component/7670/2 "2021-08-12T14:04:37Z")
Does it appear like this in Bootstrap Studio, or only when you export and open it in a browser? It’s likely it can be fixed with a bit of CSS. We could give you some directions if you share a link.
---
### Author:  [@braglucia](https://forum.bootstrapstudio.io/u/braglucia)
#### Post date: [August 12, 2021, 2:22pm UTC](https://forum.bootstrapstudio.io/t/choose-file-input-component/7670/3 "2021-08-12T14:22:12Z")
Both;
same situation in Bootstrap Studio and when published.
See [https://triumphtr6.info/contatti.html](https://triumphtr6.info/contatti.html)
---
### Author:  [@jo-r](https://forum.bootstrapstudio.io/u/jo-r)
#### Post date: [August 12, 2021, 4:07pm UTC](https://forum.bootstrapstudio.io/t/choose-file-input-component/7670/4 "2021-08-12T16:07:29Z")
I see it a little different. Am on MacOS Big Sur using Firefox. Is still not right, but better.
---
### Author:  [@richards](https://forum.bootstrapstudio.io/u/richards)
#### Post date: [August 12, 2021, 4:22pm UTC](https://forum.bootstrapstudio.io/t/choose-file-input-component/7670/5 "2021-08-12T16:22:13Z")
remove the **form-control** class from the file input (might have to do this as custom code)
you may want to add the **w-100** and **rounded-2** classes just for style
then add this to your style sheet
````auto
::-webkit-file-upload-button {
-webkit-appearance: button;
background: rgb(170,163,151)!important;
margin-right: 20px;
padding: 10px;
border: 0;
}```
you may have to tweak a bit to suit your design, you will probably have to check in various browsers/operation systems, but hopefully it points you in the right direction.
````
---
### Author:  [@martin](https://forum.bootstrapstudio.io/u/martin)
#### Post date: [August 13, 2021, 8:50am UTC](https://forum.bootstrapstudio.io/t/choose-file-input-component/7670/6 "2021-08-13T08:50:38Z")
We were able to track down what’s causing the issue. It’s a bug with our templates (it doesn’t affect regular Bootstrap 5). We will fix it in our upcoming update.
---
### Author:  [@braglucia](https://forum.bootstrapstudio.io/u/braglucia)
#### Post date: [August 13, 2021, 6:21pm UTC](https://forum.bootstrapstudio.io/t/choose-file-input-component/7670/7 "2021-08-13T18:21:39Z")
OK, thank you, waiting for next updating 👍