diff --git a/ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app.component.html b/ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app.component.html
index 667da4927c..bbafb83e52 100644
--- a/ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app.component.html
+++ b/ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app.component.html
@@ -15,7 +15,7 @@
     limitations under the License.
 
 -->
-<section class="mat-padding flex flex-col" [formGroup]="entityForm">
+<section class="mat-padding tb-form-panel outlined" [formGroup]="entityForm">
   <mat-form-field appearance="outline" subscriptSizing="dynamic">
     <mat-label translate>mobile.mobile-package</mat-label>
     <input matInput required formControlName="pkgName">
diff --git a/ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app.component.scss b/ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app.component.scss
index 1925568b81..2462c55555 100644
--- a/ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app.component.scss
+++ b/ui-ngx/src/app/modules/home/pages/mobile/applications/mobile-app.component.scss
@@ -14,5 +14,5 @@
  * limitations under the License.
  */
 :host {
-  --mdc-outlined-text-field-outline-color: rgba(0,0,0,0.12);
+  --mat-form-field-disabled-trailing-icon-color: rgba(0, 0, 0, 0.56);
 }
diff --git a/ui-ngx/src/app/modules/home/pages/mobile/qr-code-widget/mobile-qr-code-widget-settings.component.html b/ui-ngx/src/app/modules/home/pages/mobile/qr-code-widget/mobile-qr-code-widget-settings.component.html
index 951aac77a2..f88244add1 100644
--- a/ui-ngx/src/app/modules/home/pages/mobile/qr-code-widget/mobile-qr-code-widget-settings.component.html
+++ b/ui-ngx/src/app/modules/home/pages/mobile/qr-code-widget/mobile-qr-code-widget-settings.component.html
@@ -39,10 +39,9 @@
           <div class="fixed-title-width-230">{{ 'mobile.bundle' | translate }}</div>
           <tb-entity-autocomplete
             class="flex-1"
+            inlineField
             useFullEntityId
-            appearance="outline"
-            subscriptSizing="dynamic"
-            [additionalClasses]="['flex']"
+            placeholder="{{ 'mobile.bundle' | translate }}"
             [entityType]="entityType.MOBILE_APP_BUNDLE"
             formControlName="mobileAppBundleId">
           </tb-entity-autocomplete>