diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss
index a3c207d0f..38e934b4d 100644
--- a/frontend/resources/styles/main/partials/sidebar-element-options.scss
+++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss
@@ -555,6 +555,12 @@
     margin-right: $size-2;
   }
 
+  .component-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
+  }
+
   .row-actions {
     margin-left: auto;
     cursor: pointer;
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.cljs
index 68a2fe390..281c50866 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.cljs
@@ -224,7 +224,7 @@
          (if main-instance?
            i/component
            i/component-copy)
-         shape-name
+         [:div.component-name shape-name]
          [:div.row-actions
           {:on-click on-menu-click}
           i/actions