Twig widget rendering

I have added a grid to Calendar event in the activity list. But the rendering of the grid is not correct. The buttons on the right are overlapping. How do I fix it?

PHP

{% import 'OroUIBundle::macros.html.twig' as UI %} {% import 'OroActivityBundle::macros.html.twig' as AC %} {% import 'OroDataGridBundle::macros.html.twig' as dataGrid %} <div class="widget-content form-horizontal box-content row-fluid"> <div class="responsive-block"> {# Display contexts targets in the activity list item view #} {% if renderContexts is defined and renderContexts %} <div class="activity-context-activity-list"> {{ AC.activity_contexts(entity, target, true) }} </div> {% endif %} {{ UI.renderProperty('oro.calendar.calendarevent.title.label'|trans, entity.title) }} {#{{ UI.renderHtmlProperty('oro.calendar.calendarevent.description.label'|trans, entity.description) }}#} {{ UI.renderProperty('oro.calendar.calendarevent.start.label'|trans, entity.start|oro_format_datetime) }} {{ UI.renderProperty('oro.calendar.calendarevent.end.label'|trans, entity.end|oro_format_datetime) }} {% set gridName = 'campuscalendar-event-attendance-grid' %} {{ dataGrid.renderGrid(gridName, {viewEventId: entity.id}, { cssClass: 'inner-grid' }) }} </div> </div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

{% import 'OroUIBundle::macros.html.twig' as UI %} {% import 'OroActivityBundle::macros.html.twig' as AC %} {% import 'OroDataGridBundle::macros.html.twig' as dataGrid %}   <div class="widget-content form-horizontal box-content row-fluid">     <div class="responsive-block">         {# Display contexts targets in the activity list item view #}         {% if renderContexts is defined and renderContexts %}             <div class="activity-context-activity-list">                 {{ AC.activity_contexts(entity, target, true) }}             </div>         {% endif %}                 {{ UI.renderProperty('oro.calendar.calendarevent.title.label'|trans, entity.title) }}             {#{{ UI.renderHtmlProperty('oro.calendar.calendarevent.description.label'|trans, entity.description) }}#}             {{ UI.renderProperty('oro.calendar.calendarevent.start.label'|trans, entity.start|oro_format_datetime) }}             {{ UI.renderProperty('oro.calendar.calendarevent.end.label'|trans, entity.end|oro_format_datetime) }}                      {% set gridName = 'campuscalendar-event-attendance-grid' %}             {{ dataGrid.renderGrid(gridName, {viewEventId: entity.id}, { cssClass: 'inner-grid' }) }}       </div> </div>

Topic