From 3e2b52b5002d984dc28d801258a9508d40290ea1 Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Mon, 26 Jun 2023 13:09:37 +0300
Subject: [PATCH] UI: refactoring style

---
 .../rule-chain/rule-chain-select.component.html           | 2 +-
 .../rule-chain/rule-chain-select.component.scss           | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.html b/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.html
index 026454ed18..1d699b5857 100644
--- a/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.html
+++ b/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.html
@@ -15,7 +15,7 @@
     limitations under the License.
 
 -->
-<mat-form-field subscriptSizing="dynamic">
+<mat-form-field class="tb-rule-select" subscriptSizing="dynamic">
   <mat-icon matPrefix>settings_ethernet</mat-icon>
   <mat-select fxFlex
               class="tb-rule-chain-select"
diff --git a/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.scss b/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.scss
index d2b3580be2..c69661ad76 100644
--- a/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.scss
+++ b/ui-ngx/src/app/shared/components/rule-chain/rule-chain-select.component.scss
@@ -25,8 +25,10 @@
 }
 
 :host ::ng-deep {
-  .mat-mdc-form-field-infix {
-    min-height: 48px;
-    padding: 12px 0 !important;
+  .mat-mdc-form-field.tb-rule-select .mdc-text-field {
+    .mat-mdc-form-field-infix {
+      min-height: 48px;
+      padding: 12px 0;
+    }
   }
 }