From 98380e86e88ea18619fb83297d7b5d9171fb66ac Mon Sep 17 00:00:00 2001
From: Maksym Tsymbarov <mtsymbarov@thingsboard.io>
Date: Fri, 10 Apr 2026 12:11:17 +0200
Subject: [PATCH] Added missing appearance

---
 .../lib/settings/common/key/data-key-config.component.html    | 4 ++--
 .../home-page/doc-links-widget-settings.component.html        | 2 +-
 .../manage-dashboard-customers-dialog.component.html          | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-key-config.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-key-config.component.html
index d5aa8967c7..c8bec5a971 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-key-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-key-config.component.html
@@ -22,7 +22,7 @@
       <div class="tb-form-panel">
         <div class="tb-form-panel-title" translate>datakey.general</div>
         @if (modelValue.type !== dataKeyTypes.function && !hideDataKeyName) {
-          <mat-form-field subscriptSizing="dynamic">
+          <mat-form-field subscriptSizing="dynamic" appearance="outline">
             <mat-label>{{ 'entity.key' | translate }}</mat-label>
             <input matInput type="text" placeholder="{{ 'entity.key-name' | translate }}"
                    #keyInput
@@ -49,7 +49,7 @@
           </mat-form-field>
         }
         @if (!hideDataKeyLabel) {
-          <mat-form-field subscriptSizing="dynamic">
+          <mat-form-field subscriptSizing="dynamic" appearance="outline">
             <mat-label translate>datakey.label</mat-label>
             <input matInput formControlName="label" required>
           </mat-form-field>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/home-page/doc-links-widget-settings.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/settings/home-page/doc-links-widget-settings.component.html
index 72ea764244..cf66e4bebd 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/home-page/doc-links-widget-settings.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/home-page/doc-links-widget-settings.component.html
@@ -16,7 +16,7 @@
 
 -->
 <section class="tb-widget-settings flex flex-col" [formGroup]="docLinksWidgetSettingsForm">
-  <mat-form-field class="mat-block flex-1">
+  <mat-form-field class="mat-block flex-1" appearance="outline">
     <mat-label translate>widgets.documentation.columns</mat-label>
     <input required matInput type="number" step="1" min="1" max="20" formControlName="columns">
   </mat-form-field>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.html
index f53a8b37ca..691a5250cd 100644
--- a/ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/manage-dashboard-customers-dialog.component.html
@@ -36,6 +36,7 @@
     <fieldset [disabled]="isLoading$ | async">
       <span>{{ labelText | translate }}</span>
       <tb-entity-list
+        appearance="outline"
         formControlName="assignedCustomerIds"
         [required]="data.actionType !== 'manage'"
         [entityType]="entityType.CUSTOMER">