diff --git a/creativecloud/blocks/interactive-metadata/interactive-metadata.css b/creativecloud/blocks/interactive-metadata/interactive-metadata.css
index 806979cb8..b57f8668c 100644
--- a/creativecloud/blocks/interactive-metadata/interactive-metadata.css
+++ b/creativecloud/blocks/interactive-metadata/interactive-metadata.css
@@ -123,6 +123,10 @@
   z-index: 2;
 }
 
+.interactive-enabled .step-slider-tray .layer.show-layer {
+  min-height: 205px;
+}
+
 .interactive-enabled .layer .gray-button {
   position: absolute;
   box-sizing: border-box;
diff --git a/creativecloud/blocks/interactive-metadata/interactive-metadata.js b/creativecloud/blocks/interactive-metadata/interactive-metadata.js
index 7ee73af40..427012877 100644
--- a/creativecloud/blocks/interactive-metadata/interactive-metadata.js
+++ b/creativecloud/blocks/interactive-metadata/interactive-metadata.js
@@ -284,8 +284,6 @@ function getWorkFlowInformation(el) {
 export default async function init(el) {
   const workflow = getWorkFlowInformation(el);
   if (!workflow.length) return;
-  const targetAsset = await getTargetArea(el);
-  if (!targetAsset) return;
   const stepInfo = {
     el,
     stepIndex: -1,
@@ -293,11 +291,13 @@ export default async function init(el) {
     stepList: workflow,
     stepConfigs: el.querySelectorAll(':scope > div'),
     nextStepEvent: 'cc:interactive-switch',
-    target: targetAsset,
     displayPath: 0,
     openForExecution: Promise.resolve(true),
   };
   await handleNextStep(stepInfo);
+  const targetAsset = await getTargetArea(el);
+  if (!targetAsset) return;
+  stepInfo.target = targetAsset;
   await renderLayer(stepInfo);
   if (workflow.length === 1) return;
   el.addEventListener('cc:interactive-switch', async () => {