diff --git a/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html b/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html
index 71de635900..009e549554 100644
--- a/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html
+++ b/ui-ngx/src/app/modules/home/pages/admin/resource/js-resource.component.html
@@ -118,7 +118,7 @@
       }
       @if (!isAdd && !isEdit && entityForm.get('resourceSubType').value === ResourceSubType.EXTENSION) {
         <div class="flex flex-row xs:flex-col sm:gap-2 md:flex-col gt-md:gap-2">
-          <mat-form-field class="flex-1">
+          <mat-form-field class="flex-1" appearance="outline">
             <mat-label translate>resource.file-name</mat-label>
             <input matInput formControlName="fileName" type="text">
           </mat-form-field>