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 2b9c227c30..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,13 +15,17 @@
limitations under the License.
-->
-
-
- {{ruleChain.name}}
-
-
+
+ settings_ethernet
+
+
+ {{ruleChain.name}}
+
+
+
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 c538da5725..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
@@ -19,8 +19,16 @@
padding: 0 6px;
.tb-rule-chain-select {
display: flex;
- height: 48px;
min-height: 100%;
pointer-events: all;
}
}
+
+:host ::ng-deep {
+ .mat-mdc-form-field.tb-rule-select .mdc-text-field {
+ .mat-mdc-form-field-infix {
+ min-height: 48px;
+ padding: 12px 0;
+ }
+ }
+}