diff --git a/components/lib/inplace/BaseInplace.vue b/components/lib/inplace/BaseInplace.vue
index 207e5b049..e6bef028b 100644
--- a/components/lib/inplace/BaseInplace.vue
+++ b/components/lib/inplace/BaseInplace.vue
@@ -25,8 +25,7 @@ const styles = `
 const classes = {
     root: ({ props }) => ['p-inplace p-component', { 'p-inplace-closable': props.closable }],
     display: ({ props }) => ['p-inplace-display', { 'p-disabled': props.disabled }],
-    content: 'p-inplace-content',
-    closeButton: ({ props }) => props.closeIcon
+    content: 'p-inplace-content'
 };
 
 const { load: loadStyle } = useStyle(styles, { id: 'primevue_inplace_style', manual: true });
diff --git a/components/lib/inplace/Inplace.vue b/components/lib/inplace/Inplace.vue
index c026e56f3..36f598aa3 100755
--- a/components/lib/inplace/Inplace.vue
+++ b/components/lib/inplace/Inplace.vue
@@ -8,7 +8,7 @@
             <IPButton v-if="closable" :aria-label="closeAriaLabel" @click="close" :pt="ptm('closeButton')" v-bind="closeButtonProps">
                 <template #icon>
                     <slot name="closeicon">
-                        <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="cx('closeButton')" v-bind="ptm('closeButton')['icon']"></component>
+                        <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="closeIcon" v-bind="ptm('closeButton')['icon']"></component>
                     </slot>
                 </template>
             </IPButton>
@@ -17,10 +17,10 @@
 </template>
 
 <script>
-import BaseInplace from './BaseInplace.vue';
 import Button from 'primevue/button';
 import FocusTrap from 'primevue/focustrap';
 import TimesIcon from 'primevue/icons/times';
+import BaseInplace from './BaseInplace.vue';
 
 export default {
     name: 'Inplace',