diff --git a/package-lock.json b/package-lock.json
index 6b41e80e..d89e67eb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "dynamicform-project",
-  "version": "0.80.19",
+  "version": "0.81.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "dynamicform-project",
-      "version": "0.80.19",
+      "version": "0.81.0",
       "license": "UNLICENSED",
       "workspaces": [
         "vue/*"
diff --git a/vue/dynamicforms/src/components/actions/action.spec.ts b/vue/dynamicforms/src/components/actions/action.spec.ts
index fb56408c..a6c6dc04 100644
--- a/vue/dynamicforms/src/components/actions/action.spec.ts
+++ b/vue/dynamicforms/src/components/actions/action.spec.ts
@@ -135,7 +135,7 @@ describe('Action', () => {
       expect(action).toHaveProperty('position', 'FORM_FOOTER');
       expect(action).toHaveProperty('label', 'Close');
       expect(action).toHaveProperty('labelAvailable', true);
-      expect(action).toHaveProperty('icon', 'close-outline');
+      expect(action).toHaveProperty('icon', 'ion-close-outline');
       expect(action).toHaveProperty('iconAvailable', true);
     });
 
@@ -148,7 +148,7 @@ describe('Action', () => {
       expect(action).toHaveProperty('position', 'FORM_FOOTER');
       expect(action).toHaveProperty('label', 'Yes');
       expect(action).toHaveProperty('labelAvailable', true);
-      expect(action).toHaveProperty('icon', 'thumbs-up-outline');
+      expect(action).toHaveProperty('icon', 'ion-thumbs-up-outline');
       expect(action).toHaveProperty('iconAvailable', true);
     });
 
@@ -161,7 +161,7 @@ describe('Action', () => {
       expect(action).toHaveProperty('position', 'FORM_FOOTER');
       expect(action).toHaveProperty('label', 'No');
       expect(action).toHaveProperty('labelAvailable', true);
-      expect(action).toHaveProperty('icon', 'thumbs-down-outline');
+      expect(action).toHaveProperty('icon', 'ion-thumbs-down-outline');
       expect(action).toHaveProperty('iconAvailable', true);
     });
   });
diff --git a/vue/dynamicforms/src/components/actions/action.ts b/vue/dynamicforms/src/components/actions/action.ts
index 9592e6cc..74055ab0 100644
--- a/vue/dynamicforms/src/components/actions/action.ts
+++ b/vue/dynamicforms/src/components/actions/action.ts
@@ -148,7 +148,7 @@ class Action implements ActionJSON {
     return new Action({
       name: 'close',
       label: gettext('Close'),
-      icon: 'close-outline',
+      icon: 'ion-close-outline',
       displayStyle: { asButton: true, showLabel: true, showIcon: true },
       position: 'FORM_FOOTER',
       ...data, // any properties in data should overwrite properties in the constant
@@ -159,7 +159,7 @@ class Action implements ActionJSON {
     return new Action({
       name: 'yes',
       label: gettext('Yes'),
-      icon: 'thumbs-up-outline',
+      icon: 'ion-thumbs-up-outline',
       displayStyle: { asButton: true, showLabel: true, showIcon: true },
       position: 'FORM_FOOTER',
       ...data, // any properties in data should overwrite properties in the constant
@@ -170,7 +170,7 @@ class Action implements ActionJSON {
     return new Action({
       name: 'no',
       label: gettext('No'),
-      icon: 'thumbs-down-outline',
+      icon: 'ion-thumbs-down-outline',
       displayStyle: { asButton: true, showLabel: true, showIcon: true },
       position: 'FORM_FOOTER',
       ...data, // any properties in data should overwrite properties in the constant
diff --git a/vue/dynamicforms/src/components/table/tcolumn-generic.vue b/vue/dynamicforms/src/components/table/tcolumn-generic.vue
index dbd78108..9ecba029 100644
--- a/vue/dynamicforms/src/components/table/tcolumn-generic.vue
+++ b/vue/dynamicforms/src/components/table/tcolumn-generic.vue
@@ -160,7 +160,7 @@ function handleClick(event: any) {
   callHandler(new Action({
     name: 'select',
     label: 'Select',
-    icon: 'thumbs-down-outline',
+    icon: 'ion-thumbs-down-outline',
     position: 'ROW_CLICK',
   }));
   callHandler(props.actions.rowClick, { column: props.column, event, rowType });
diff --git a/vue/dynamicforms/src/components/table/trow-generic.vue b/vue/dynamicforms/src/components/table/trow-generic.vue
index b0e2a4b4..0773654e 100644
--- a/vue/dynamicforms/src/components/table/trow-generic.vue
+++ b/vue/dynamicforms/src/components/table/trow-generic.vue
@@ -85,7 +85,7 @@ function handleClick(event: any) {
   callHandler(new Action({
     name: 'select',
     label: 'Select',
-    icon: 'thumbs-down-outline',
+    icon: 'ion-thumbs-down-outline',
     position: 'ROW_CLICK',
   }));
   callHandler(props.actions.rowClick, { event, rowType: props.rowType });