diff --git a/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogWidget.tsx b/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogWidget.tsx
index b60776be..767f3b56 100644
--- a/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogWidget.tsx
+++ b/ui/src/views/admin/listForm/edit/json-row-operations/JsonRowOpDialogWidget.tsx
@@ -7,6 +7,7 @@ import {
   Notification,
   Select,
   toast,
+  Tooltip,
 } from '@/components/ui'
 import { ListFormJsonRowDto } from '@/proxy/admin/list-form/models'
 import { SelectBoxOption } from '@/shared/types'
@@ -219,33 +220,41 @@ function JsonRowOpDialogWidget({
                         />
                       </FormItem>
 
-                      <FormItem
-                        label="Color Field"
-                        invalid={errors.color && touched.color}
-                        errorMessage={errors.color}
-                      >
-                        <Field
-                          type="text"
-                          autoComplete="off"
-                          name="color"
-                          placeholder="Color"
-                          component={Input}
-                        />
-                      </FormItem>
+                      <Tooltip title={'blue, green, purple, gray, red, yellow, pink, indigo, teal'}>
+                        <FormItem
+                          label="Color Field"
+                          invalid={errors.color && touched.color}
+                          errorMessage={errors.color}
+                        >
+                          <Field
+                            type="text"
+                            autoComplete="off"
+                            name="color"
+                            placeholder="Color"
+                            component={Input}
+                          />
+                        </FormItem>
+                      </Tooltip>
 
-                      <FormItem
-                        label="Icon Field"
-                        invalid={errors.icon && touched.icon}
-                        errorMessage={errors.icon}
+                      <Tooltip
+                        title={
+                          'FaHome, FaUser, FaSearch, FaCog, FaBell etc. (react-icons/fa icons)'
+                        }
                       >
-                        <Field
-                          type="text"
-                          autoComplete="off"
-                          name="icon"
-                          placeholder="Icon"
-                          component={Input}
-                        />
-                      </FormItem>
+                        <FormItem
+                          label="Icon Field"
+                          invalid={errors.icon && touched.icon}
+                          errorMessage={errors.icon}
+                        >
+                          <Field
+                            type="text"
+                            autoComplete="off"
+                            name="icon"
+                            placeholder="Icon"
+                            component={Input}
+                          />
+                        </FormItem>
+                      </Tooltip>
 
                       <FormItem
                         label="Sub Title Field"