diff --git a/assets/js/src/core/modules/data-object/editor/types/object/index.tsx b/assets/js/src/core/modules/data-object/editor/types/object/index.tsx
index 6fd744bf94..cbebb179c5 100644
--- a/assets/js/src/core/modules/data-object/editor/types/object/index.tsx
+++ b/assets/js/src/core/modules/data-object/editor/types/object/index.tsx
@@ -31,6 +31,7 @@ moduleSystem.registerModule({
 
     childrenTab.hidden = elementApi => elementApi?.hasChildren === false
     childrenTab.label = 'object.object-editor-tabs.children-listing'
+    childrenTab.isDetachable = true
 
     objectEditorTabManager.register(TAB_EDIT)
     objectEditorTabManager.register(TAB_PREVIEW)
diff --git a/assets/js/src/core/modules/data-object/editor/types/variant/tab-manager/tabs/variants/variants-tab-container.tsx b/assets/js/src/core/modules/data-object/editor/types/variant/tab-manager/tabs/variants/variants-tab-container.tsx
index ba82a05db4..c70437ac67 100644
--- a/assets/js/src/core/modules/data-object/editor/types/variant/tab-manager/tabs/variants/variants-tab-container.tsx
+++ b/assets/js/src/core/modules/data-object/editor/types/variant/tab-manager/tabs/variants/variants-tab-container.tsx
@@ -30,5 +30,6 @@ export const TAB_VARIANTS: IEditorTab = {
   label: 'data-object.object-editor-tabs.variants',
   icon: <Icon value="data-object-variant" />,
   children: <ComponentRenderer component={ componentConfig.dataObject.editor.tab.variants.name } />,
+  isDetachable: true,
   hidden: (elementApi) => !('allowVariants' in elementApi && elementApi?.allowVariants === true)
 }
diff --git a/assets/js/src/core/modules/element/editor/detached-tab/detached-tab.tsx b/assets/js/src/core/modules/element/editor/detached-tab/detached-tab.tsx
index f70ff5330e..1ec4213271 100644
--- a/assets/js/src/core/modules/element/editor/detached-tab/detached-tab.tsx
+++ b/assets/js/src/core/modules/element/editor/detached-tab/detached-tab.tsx
@@ -29,7 +29,7 @@ export const DetachedTab = ({ tabKey }: IDetachedTabProps): React.JSX.Element =>
   return (
     <DetachedTabContent
       context={ context }
-      key={ context.type } // the key fixes the hook chain for different element types - TLDR; don't delete it!
+      key={ `${context.type}-${context.config.id}` } // the key fixes the hook chain for different element types - TLDR; don't delete it!
       tabKey={ tabKey }
     />
   )
diff --git a/build-dist/build-d268c78a478b.zip b/build-dist/build-68df085bfbf2.zip
similarity index 88%
rename from build-dist/build-d268c78a478b.zip
rename to build-dist/build-68df085bfbf2.zip
index 55336876b7..f5bef6e70c 100644
Binary files a/build-dist/build-d268c78a478b.zip and b/build-dist/build-68df085bfbf2.zip differ