1 files changed, 21 insertions, 2 deletions
diff --git a/catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.less b/catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.less
index 2b76c8c0ec..464732e016 100644
--- a/catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.less
+++ b/catalog-ui/src/app/ng2/pages/interface-definition/interface-definition.page.component.less
@@ -20,10 +20,21 @@
 */
 @import '../../../../assets/styles/variables.less';
 @import '../../../../assets/styles/override.less';
-
+@import '../../../../assets/styles/sprite-old.less';
 .interface-definition {
     font-size: 14px;
 
+    .delete-col-header{
+        .sprite;
+        .sprite.e-sdc-small-icon-delete;
+    }
+
+    .field-delete{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
     .interface-empty-msg {
         .bold-message {
             font-family: @font-opensans-bold;
@@ -184,10 +195,18 @@
 
                 .data-row {
                     cursor: pointer;
+                    .table-delete-btn{
+                        .sprite;
+                        .sprite.e-sdc-small-icon-delete;
+                        border: none;
+                        display: none !important;
+                    }
 
                     &:hover {
                         background: @sdcui_color_light-silver;
-
+                        .table-delete-btn{
+                            display: inline-block !important;
+                        }
                         .cell {
                             &.field-name {
                                 color: @sdcui_color_dark-blue;