diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-keys.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-keys.component.html
index f7d4b8e44b..6188371288 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-keys.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-keys.component.html
@@ -93,7 +93,7 @@
         </div>
       </mat-chip-row>
       <input matInput type="text" placeholder="{{ !disabled && (!maxDataKeysSet || keys.length < maxDataKeys) ? secondaryPlaceholder : '' }}"
-             [class.tb-dragging]="dragIndex > -1"
+             [class.invisible]="dragIndex > -1"
              style="max-width: 200px;"
              #keyInput
              formControlName="key"
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-keys.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-keys.component.scss
index c67c1f9d7f..67db0b94de 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-keys.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/key/data-keys.component.scss
@@ -45,10 +45,6 @@
   display: flex;
   flex-wrap: wrap;
   width: 100%;
-
-  input.tb-dragging {
-    visibility: hidden;
-  }
 }
 
 .mat-mdc-chip.mat-mdc-standard-chip.tb-datakey-chip {