diff --git a/ui/src/composables/private.use-panel/use-panel.js b/ui/src/composables/private.use-panel/use-panel.js
index 587896291ba..6a194c426c8 100644
--- a/ui/src/composables/private.use-panel/use-panel.js
+++ b/ui/src/composables/private.use-panel/use-panel.js
@@ -117,9 +117,11 @@ export default function () {
     if (panelIndex.value !== index) {
       panelIndex.value = index
       emit('beforeTransition', newVal, oldVal)
-      nextTick(() => {
-        emit('transition', newVal, oldVal)
-      })
+      setTimeout(() => {
+        nextTick(() => {
+          emit('transition', newVal, oldVal)
+        })
+      }, props.transitionDuration);
     }
   })