diff --git a/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardAddForm.vue b/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardAddForm.vue
index 10d0864558..1a2fe23464 100644
--- a/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardAddForm.vue
+++ b/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardAddForm.vue
@@ -220,10 +220,13 @@ watch([
                        :invalid="validationState.dataFieldNameInvalid"
                        :invalid-text="validationState.dataFieldNameInvalidText"
         >
-            <p-text-input v-model="state.proxyDataFieldName"
-                          class="data-text-input"
-                          placeholder="Name"
-            />
+            <template #default="{invalid}">
+                <p-text-input v-model="state.proxyDataFieldName"
+                              class="data-text-input"
+                              :invalid="invalid"
+                              placeholder="Name"
+                />
+            </template>
         </p-field-group>
         <p-field-group :label="$t('COMMON.WIDGETS.DATA_TABLE.FORM.DATA_UNIT')">
             <p-text-input v-model="state.proxyDataUnit"
diff --git a/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardTransformFormWrapper.vue b/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardTransformFormWrapper.vue
index 49489dc448..3ee125c781 100644
--- a/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardTransformFormWrapper.vue
+++ b/apps/web/src/common/modules/widgets/_components/WidgetFormDataTableCardTransformFormWrapper.vue
@@ -27,9 +27,9 @@ const state = reactive({
         if (props.operator === 'JOIN') return { name: 'Join', icon: 'ic_join' };
         if (props.operator === 'QUERY') return { name: 'Query', icon: 'ic_db-where' };
         if (props.operator === 'EVAL') return { name: 'Evaluate', icon: 'ic_db-evaluation' };
-        if (props.operator === 'PIVOT') return { name: 'Pivot', icon: '' }; // TODO: Add icon
-        if (props.operator === 'VALUE_MAPPING') return { name: 'Value Mapping', icon: '' }; // TODO: Add icon
-        if (props.operator === 'ADD_LABELS') return { name: 'Add Labels', icon: '' }; // TODO: Add icon
+        if (props.operator === 'PIVOT') return { name: 'Pivot', icon: 'ic_db-pivot-table' };
+        if (props.operator === 'VALUE_MAPPING') return { name: 'Value Mapping', icon: 'ic_db-value-mapping' };
+        if (props.operator === 'ADD_LABELS') return { name: 'Additional Labels', icon: 'ic_db-additional-labels' };
         return { name: '', icon: '' };
     }),
 });