diff --git a/ui/src/app/metadata-provider/container/upload-provider.component.html b/ui/src/app/metadata-provider/container/upload-provider.component.html
index bdea449a0..e070fa5f4 100644
--- a/ui/src/app/metadata-provider/container/upload-provider.component.html
+++ b/ui/src/app/metadata-provider/container/upload-provider.component.html
@@ -35,13 +35,13 @@ <h3 class="tag tag-primary">
         </div>
         <div class="form-group">
             <label i18n="@@label--service-provider-file" for="fileInput">Select Provider Metadata File</label>
-            <label class="custom-file d-block">
+            <div class="custom-file d-block">
                 <input id="fileInput" type="file" name="file" class="custom-file-input" (change)="fileChange($event)" />
-                <ng-container>
+                <label for="fileInput" class="custom-file-label">
                     <span *ngIf="!providerForm.get('file').value" class="custom-file-control" i18n="@@action--choose-file">Choose File</span>
                     <span *ngIf="providerForm.get('file').value" class="custom-file-control" i18n="@@action--choose-file">{{ providerForm.get('file').value }}</span>
-                </ng-container>
-            </label>
+                </label>
+            </div>
         </div>
         <div class="text-center">
             &mdash;