diff --git a/src/components/DynamicComponent.vue b/src/components/DynamicComponent.vue
index 7dd5a55..852a792 100644
--- a/src/components/DynamicComponent.vue
+++ b/src/components/DynamicComponent.vue
@@ -12,6 +12,9 @@
       @mouseover="isHovered = true"
       @mouseleave="isHovered = false"
   >
+    <div v-if="isHovered" class="component-header">
+      <span>{{componentName}}</span>
+    </div>
     <div v-if="componentSelected" class="component-header" :style="headerStyle">
       <div  style="background-color:#3457cc;color: #ffffff;padding: 5px ;margin-right: 2px">{{ componentName }}</div>
       <div v-if="componentSelected" style="background-color:#3457cc;color:#ffffff;padding: 6px 5px 5px 5px;display: flex;width: fit-content;flex-wrap: nowrap">