diff --git a/src/collection-preferences/content-display/index.tsx b/src/collection-preferences/content-display/index.tsx
index c56a0498a8..fc85a6e5c9 100644
--- a/src/collection-preferences/content-display/index.tsx
+++ b/src/collection-preferences/content-display/index.tsx
@@ -134,11 +134,14 @@ export default function ContentDisplayPreference({
           itemDefinition={{ id: item => item.id, label: item => item.label }}
           onItemsChange={({ detail }) => onChange(detail.items)}
           disableReorder={columnFilteringText.trim().length > 0}
-          renderItem={({ ref, item, style, className, dragHandleProps }) => {
+          renderItem={({ ref, item, style, className, dragHandleProps, isDragGhost }) => {
             className = clsx(className, getOptionClassName());
             const content = (
               <ContentDisplayOption ref={ref} option={item} onToggle={onToggle} dragHandleProps={dragHandleProps} />
             );
+            if (isDragGhost) {
+              return content;
+            }
             return (
               <li className={className} style={style}>
                 {content}