diff --git a/packages/nc-gui/components/cell/Checkbox.vue b/packages/nc-gui/components/cell/Checkbox.vue
index 27865a6b1f..95477815cb 100644
--- a/packages/nc-gui/components/cell/Checkbox.vue
+++ b/packages/nc-gui/components/cell/Checkbox.vue
@@ -38,11 +38,12 @@ const isSurveyForm = inject(IsSurveyFormInj, ref(false))
 const isGrid = inject(IsGridInj, ref(false))
 
 const checkboxMeta = computed(() => {
-  const icon = extractCheckboxIcon(column?.value?.meta);
+  const icon = extractCheckboxIcon(column?.value?.meta)
 
   return {
-    icon,
     color: 'primary',
+    ...parseProp(column?.value?.meta),
+    icon,
   }
 })
 
diff --git a/packages/nc-gui/components/cell/Rating.vue b/packages/nc-gui/components/cell/Rating.vue
index 4dcbadb064..8aaf4e99ab 100644
--- a/packages/nc-gui/components/cell/Rating.vue
+++ b/packages/nc-gui/components/cell/Rating.vue
@@ -18,10 +18,10 @@ const isExpandedFormOpen = inject(IsExpandedFormOpenInj, ref(false))!
 const ratingMeta = computed(() => {
   const icon = extractRatingIcon(column?.value?.meta)
   return {
-    icon,
     color: '#fcb401',
     max: 5,
     ...parseProp(column.value?.meta),
+    icon,
   }
 })