From 81f1a84e9523c4ed14b03a9d6c4231ffb672e956 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Wed, 11 Feb 2026 11:39:37 +0200
Subject: [PATCH 1/2] UI: Fixed extension panel style after migration to
 Angular 20

---
 .../tenant/default-tenant-profile-configuration.component.scss  | 2 +-
 .../lib/settings/common/image-cards-select.component.scss       | 2 +-
 .../home/components/widget/lib/settings/widget-settings.scss    | 2 +-
 .../notification-template-configuration.component.scss          | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/profile/tenant/default-tenant-profile-configuration.component.scss b/ui-ngx/src/app/modules/home/components/profile/tenant/default-tenant-profile-configuration.component.scss
index 38ab6294ea..3a1e3f6a1b 100644
--- a/ui-ngx/src/app/modules/home/components/profile/tenant/default-tenant-profile-configuration.component.scss
+++ b/ui-ngx/src/app/modules/home/components/profile/tenant/default-tenant-profile-configuration.component.scss
@@ -43,7 +43,7 @@
           }
         }
 
-        > .mat-expansion-panel-content {
+        .mat-expansion-panel-content {
           > .mat-expansion-panel-body {
             padding: 0;
           }
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/image-cards-select.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/image-cards-select.component.scss
index 62915cc390..de1901aa4a 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/image-cards-select.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/image-cards-select.component.scss
@@ -44,7 +44,7 @@
           display: none;
         }
       }
-      > .mat-expansion-panel-content {
+      .mat-expansion-panel-content {
         > .mat-expansion-panel-body {
           padding: 0 16px 16px !important;
         }
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/widget-settings.scss b/ui-ngx/src/app/modules/home/components/widget/lib/settings/widget-settings.scss
index 8579f2a872..4d1c34e131 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/widget-settings.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/widget-settings.scss
@@ -108,7 +108,7 @@
           align-items: center;
         }
 
-        > .mat-expansion-panel-content {
+        .mat-expansion-panel-content {
           > .mat-expansion-panel-body {
             padding: 0;
           }
diff --git a/ui-ngx/src/app/modules/home/pages/notification/template/configuration/notification-template-configuration.component.scss b/ui-ngx/src/app/modules/home/pages/notification/template/configuration/notification-template-configuration.component.scss
index 34bff387e6..de9c0a06a7 100644
--- a/ui-ngx/src/app/modules/home/pages/notification/template/configuration/notification-template-configuration.component.scss
+++ b/ui-ngx/src/app/modules/home/pages/notification/template/configuration/notification-template-configuration.component.scss
@@ -65,7 +65,7 @@
 
 :host ::ng-deep {
   .tb-form-panel .mat-expansion-panel.tb-settings {
-    & > .mat-expansion-panel-content > .mat-expansion-panel-body {
+    .mat-expansion-panel-content > .mat-expansion-panel-body {
       gap: 0;
     }
   }

From 6f92f5737dc7138db82fd0f46f089019af31b5b5 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Wed, 11 Feb 2026 12:22:04 +0200
Subject: [PATCH 2/2] UI: Fixed adaptive in mail server configuration

---
 .../src/app/modules/home/pages/admin/mail-server.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html b/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html
index 76d255f40e..2ba7adda3b 100644
--- a/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html
+++ b/ui-ngx/src/app/modules/home/pages/admin/mail-server.component.html
@@ -280,7 +280,7 @@
                     </mat-error>
                   </div>
 
-                  <div class="flex flex-1 flex-col">
+                  <div class="flex flex-1 flex-col gt-xs:w-0">
                     <mat-form-field class="mat-block flex-1">
                       <mat-label translate>admin.oauth2.redirect-uri-template</mat-label>
                       <input matInput formControlName="redirectUri" readonly>