diff --git a/src/Crud/AbstractCrudConfig.php b/src/Crud/AbstractCrudConfig.php
index e2fba701..3ddb353f 100644
--- a/src/Crud/AbstractCrudConfig.php
+++ b/src/Crud/AbstractCrudConfig.php
@@ -135,7 +135,7 @@ public function getShowActions(): array
             $this->getPath(CrudConfigInterface::INDEX),
             Icon::new('list')
         )
-            ->setCssClass('btn btn-secondary btn-sm me-1')
+            ->setCssClass('btn btn-secondary btn-sm ms-1')
             ->setRole(sprintf('ROLE_%s_%s', $this->getName(), CrudConfigInterface::INDEX));
 
         $actions[CrudConfigInterface::ACTION_EDIT] = EditAction::new(
@@ -143,7 +143,7 @@ public function getShowActions(): array
             $this->getPath(CrudConfigInterface::EDIT),
             Icon::new('edit')
         )
-            ->setCssClass('btn btn-secondary btn-sm me-1')
+            ->setCssClass('btn btn-secondary btn-sm ms-1')
             ->setRole(sprintf('ROLE_%s_%s', $this->getName(), CrudConfigInterface::EDIT));
 
         $actions[CrudConfigInterface::ACTION_DELETE] = DeleteAction::new(
@@ -151,7 +151,7 @@ public function getShowActions(): array
             $this->getPath(CrudConfigInterface::DELETE),
             Icon::new('trash-alt')
         )
-            ->setCssClass('btn btn-danger btn-sm me-1')
+            ->setCssClass('btn btn-danger btn-sm ms-1')
             ->setConfirmModal(true)
             ->setRole(sprintf('ROLE_%s_%s', $this->getName(), CrudConfigInterface::DELETE));
 
diff --git a/src/Dto/Action/DropdownAction.php b/src/Dto/Action/DropdownAction.php
index 9b92f2a6..2cd7eae7 100644
--- a/src/Dto/Action/DropdownAction.php
+++ b/src/Dto/Action/DropdownAction.php
@@ -3,6 +3,7 @@
 namespace Lle\CruditBundle\Dto\Action;
 
 use Lle\CruditBundle\Contracts\ActionInterface;
+use Lle\CruditBundle\Dto\Icon;
 use Lle\CruditBundle\Dto\Path;
 
 class DropdownAction extends AbstractAction
@@ -10,12 +11,13 @@ class DropdownAction extends AbstractAction
     protected array $actions;
 
     /**
-     * @param array|AbstractAction[] $actions
+     * @param array<AbstractAction[]> $actions
      */
-    public static function new(string $label, array $actions): static
+    public static function new(string $label, array $actions, ?Icon $icon = null): static
     {
         return (new static($label))
-            ->setActions($actions);
+            ->setActions($actions)
+            ->setIcon($icon);
     }
 
     public function __construct(string $label)
diff --git a/src/Resources/views/brick/links/actions/_actions.html.twig b/src/Resources/views/brick/links/actions/_actions.html.twig
index e69de29b..8dd68456 100644
--- a/src/Resources/views/brick/links/actions/_actions.html.twig
+++ b/src/Resources/views/brick/links/actions/_actions.html.twig
@@ -0,0 +1,53 @@
+{% set params = action.path.params %}
+{% if view.data.resource and action.setResource is defined%}
+    {% do action.setResource(view.data.resource) %}
+{% endif %}
+
+{% set id = app.request.attributes.get('id') %}
+{% if id %}
+    {% set params = action.path.params|merge({id: id}) %}
+{% endif %}
+
+{% if action.modal %}
+    {% include action.modal with {action: action, id: 'modal_' ~ action.id, params: params} %}
+{% endif %}
+
+{% set disabled = action.disabled or not
+    ((action.path.role is null or is_granted(action.path.role, view.data.resource))
+    and (action.role is null or is_granted(action.role, view.data.resource)))
+%}
+
+{% if not (disabled and crudit_hide_if_disabled(action)) %}
+    {% block actions_item %}
+        <span class="btn-wrapper" title="{{ action.title|trans(domain=view.config.translation_domain) }}">
+            <a
+                class="
+                    {{ action.cssClass ?? 'btn btn-sm btn-primary mt-2 ms-1 mt-md-0' }}
+                    {% if disabled %} disabled{% endif %}
+                "
+                {% if action.modal %}
+                    data-bs-toggle="modal"
+                    data-bs-target="#modal_{{ action.id }}"
+                {% elseif action.confirmModal %}
+                    data-bs-toggle="modal"
+                    data-bs-target="#modal-confirm"
+                    data-confirm-link="{{ path(action.path.route, params) }}"
+                    data-confirm-text="{{ ('modal.confirm.' ~ action.label)|trans }}"
+                {% elseif not action.disabled %}
+                    href="{{ action.url ?? path(action.path.route, params) }}"
+                {% endif %}
+
+                {% if action.target is defined and action.target %}
+                    target="{{ action.target }}"
+                {% endif %}
+            >
+                {% if action.icon %}
+                    <i class="{{ action.icon.cssClass }}"></i>
+                {% endif %}
+                {% if not action.hideLabel %}
+                    {{ action.label|trans(domain=view.config.translation_domain) }}
+                {% endif %}
+            </a>
+        </span>
+    {% endblock %}
+{% endif %}
\ No newline at end of file
diff --git a/src/Resources/views/brick/links/actions/_dropdown_actions.html.twig b/src/Resources/views/brick/links/actions/_dropdown_actions.html.twig
index c6a2d677..1fb0f122 100644
--- a/src/Resources/views/brick/links/actions/_dropdown_actions.html.twig
+++ b/src/Resources/views/brick/links/actions/_dropdown_actions.html.twig
@@ -1,58 +1,82 @@
-<div class="dropdown">
-    <button
-        id="dropdown-actions-{{ action.label|replace({'.': '-'}) }}"
-        class="btn btn-primary dropdown-toggle py-1"
-        data-bs-toggle="dropdown"
-    >
-        {{ dropdown_action.label|trans(domain=view.config.translation_domain) }}
-    </button>
-    <ul
-        class="dropdown-menu dropdown-menu-end"
-        aria-labelledby="#dropdown-actions-{{ dropdown_action.label|replace({'.': '-'}) }}"
-    >
-        {% for group_name, group in dropdown_action.actions %}
-            {% if crudit_is_dropdown_group_name(group_name) %}
-                <li><h6 class="dropdown-header">{{ group_name|trans(domain=view.config.translation_domain) }}</h6></li>
-            {% elseif loop.index0 != 0 and not crudit_is_dropdown_group_name(group_name) %}
-                <li><hr class="dropdown-divider"></li>
-            {% endif %}
+{% set disabled =
+    dropdown_action.disabled
+    or not(dropdown_action.role is null or is_granted(dropdown_action.role, view.data.resource))
+%}
 
-            {% for action in group %}
-                {% set params = action.path.params %}
-                {% if view.data.resource and action.setResource is defined%}
-                    {% do action.setResource(view.data.resource) %}
+{% if not (disabled and crudit_hide_if_disabled(dropdown_action)) %}
+    <div class="dropdown">
+        {% block dropdown_actions_button %}
+            <button
+                {# Replace . & _ in label to have only - #}
+                id="dropdown-actions-{{ action.label|replace({'.': '-', '_': '-'}) }}"
+                class="
+                    {{ dropdown_action.cssClass ?? 'btn btn-sm btn-primary dropdown-toggle mt-2 ms-1 mt-md-0' }}
+                    {% if disabled %} disabled{% endif %}
+                "
+                data-bs-toggle="dropdown"
+            >
+                {% if dropdown_action.icon %}
+                    <i class="{{ dropdown_action.icon.cssClass }}"></i>
                 {% endif %}
+                {{ dropdown_action.label|trans(domain=view.config.translation_domain) }}
+            </button>
+        {% endblock %}
+        {% block dropdown_actions_menu %}
+            <ul
+                class="dropdown-menu dropdown-menu-end"
+                aria-labelledby="#dropdown-actions-{{ dropdown_action.label|replace({'.': '-'}) }}"
+            >
+                {% for group_name, group in dropdown_action.actions %}
+                    {% if crudit_is_dropdown_group_name(group_name) %}
+                        <li><h6 class="dropdown-header">{{ group_name|trans(domain=view.config.translation_domain) }}</h6></li>
+                    {% elseif loop.index0 != 0 and not crudit_is_dropdown_group_name(group_name) %}
+                        <li><hr class="dropdown-divider"></li>
+                    {% endif %}
 
-                {% set id = app.request.attributes.get('id') %}
-                {% if id %}
-                    {% set params = action.path.params|merge({id: id}) %}
-                {% endif %}
+                    {% for action in group %}
+                        {% set params = action.path.params %}
+                        {% if view.data.resource and action.setResource is defined%}
+                            {% do action.setResource(view.data.resource) %}
+                        {% endif %}
 
-                {% if action.modal %}
-                    {% include action.modal with {action: action, id: 'modal_' ~ action.id, params: params} %}
-                {% endif %}
+                        {% set id = app.request.attributes.get('id') %}
+                        {% if id %}
+                            {% set params = action.path.params|merge({id: id}) %}
+                        {% endif %}
 
-                {% set disabled = action.disabled or not
-                    ((action.path.role is null or is_granted(action.path.role, view.data.resource))
-                    and (action.role is null or is_granted(action.role, view.data.resource)))
-                %}
+                        {% if action.modal %}
+                            {% include action.modal with {action: action, id: 'modal_' ~ action.id, params: params} %}
+                        {% endif %}
 
-                {% if not (disabled and crudit_hide_if_disabled(action)) %}
-                    <li>
-                        <a
-                            class="{{ action.cssClass ?? 'dropdown-item' }} {% if disabled %}disabled{% endif %}"
-                            {% if action.modal %}
-                                data-bs-toggle="modal" data-bs-target="#modal_{{ action.id }}"
-                            {% elseif not action.disabled %}
-                                href="{{ action.url ?? path(action.path.route, params) }}"
-                            {% endif %}
-                        >
-                            {% if action.icon %}<i class="{{ action.icon.cssClass }}"></i>{% endif %}
-                            {% if not action.hideLabel %}{{ action.label|trans(domain=view.config.translation_domain) }}{% endif %}
-                        </a>
-                    </li>
-                {% endif %}
-            {% endfor %}
-        {% endfor %}
-    </ul>
-</div>
+                        {% set disabled = action.disabled or not
+                            ((action.path.role is null or is_granted(action.path.role, view.data.resource))
+                            and (action.role is null or is_granted(action.role, view.data.resource)))
+                        %}
+
+                        {% if not (disabled and crudit_hide_if_disabled(action)) %}
+                            {% block dropdown_actions_item %}
+                                <li>
+                                    <a
+                                        class="{{ action.cssClass ?? 'dropdown-item' }} {% if disabled %}disabled{% endif %}"
+                                        {% if action.modal %}
+                                            data-bs-toggle="modal" data-bs-target="#modal_{{ action.id }}"
+                                        {% elseif not action.disabled %}
+                                            href="{{ action.url ?? path(action.path.route, params) }}"
+                                        {% endif %}
+                                    >
+                                        {% if action.icon %}
+                                            <i class="{{ action.icon.cssClass }}"></i>
+                                        {% endif %}
+                                        {% if not action.hideLabel %}
+                                            {{ action.label|trans(domain=view.config.translation_domain) }}
+                                        {% endif %}
+                                    </a>
+                                </li>
+                            {% endblock %}
+                        {% endif %}
+                    {% endfor %}
+                {% endfor %}
+            </ul>
+        {% endblock %}
+    </div>
+{% endif %}
diff --git a/src/Resources/views/brick/links/actions/_kebab_dropdown_actions.html.twig b/src/Resources/views/brick/links/actions/_kebab_dropdown_actions.html.twig
index c34137d2..b5a34965 100644
--- a/src/Resources/views/brick/links/actions/_kebab_dropdown_actions.html.twig
+++ b/src/Resources/views/brick/links/actions/_kebab_dropdown_actions.html.twig
@@ -1,10 +1,10 @@
 <div class="dropdown dropdown--no-arrow">
-    {% block dropdown_actions_button %}
-        <button id="actions_{{ view.id }}" class="btn dropdown-toggle py-1" data-bs-toggle="dropdown">
+    {% block kebab_dropdown_actions_button %}
+        <button id="actions_{{ view.id }}" class="btn btn-sm dropdown-toggle mt-2 ms-1 mt-md-0" data-bs-toggle="dropdown">
             <i class="fas fa-ellipsis-v"></i>
         </button>
     {% endblock %}
-    {% block dropdown_actions_menu %}
+    {% block kebab_dropdown_actions_menu %}
         <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="#actions_{{ view.id }}">
             {% for action in view.data.actions %}
                 {% if action.dropdown %}
@@ -12,6 +12,7 @@
                     {% if view.data.resource and action.setResource is defined%}
                         {% do action.setResource(view.data.resource) %}
                     {% endif %}
+
                     {% set id = app.request.attributes.get('id') %}
                     {% if id %}
                         {% set params = action.path.params|merge({id: id}) %}
@@ -20,27 +21,32 @@
                     {% if action.modal %}
                         {% include action.modal with {action: action, id: 'modal_' ~ action.id, params: params} %}
                     {% endif %}
+
                     {% set disabled = action.disabled or not
                         ((action.path.role is null or is_granted(action.path.role, view.data.resource))
                         and (action.role is null or is_granted(action.role, view.data.resource)))
                     %}
 
-                    {% block dropdown_actions_item %}
-                        {% if not (disabled and crudit_hide_if_disabled(action)) %}
+                    {% if not (disabled and crudit_hide_if_disabled(action)) %}
+                        {% block kebab_dropdown_actions_item %}
                             <li>
-                                <a class="dropdown-item {% if disabled %}disabled{% endif %}"
+                                <a class="{{ action.cssClass ?? 'dropdown-item' }} {% if disabled %}disabled{% endif %}"
                                     {% if action.modal %}
                                         data-bs-toggle="modal" data-bs-target="#modal_{{ action.id }}"
                                     {% elseif not action.disabled %}
                                         href="{{ action.url ?? path(action.path.route, params) }}"
                                     {% endif %}
                                 >
-                                    {% if action.icon %}<i class="{{ action.icon.cssClass }}"></i>{% endif %}
-                                    {% if not action.hideLabel %}{{ action.label|trans(domain=view.config.translation_domain) }}{% endif %}
+                                    {% if action.icon %}
+                                        <i class="{{ action.icon.cssClass }}"></i>
+                                    {% endif %}
+                                    {% if not action.hideLabel %}
+                                        {{ action.label|trans(domain=view.config.translation_domain) }}
+                                    {% endif %}
                                 </a>
                             </li>
-                        {% endif %}
-                    {% endblock %}
+                        {% endblock %}
+                    {% endif %}
                 {% endif %}
             {% endfor %}
         </ul>
diff --git a/src/Resources/views/brick/links/index.html.twig b/src/Resources/views/brick/links/index.html.twig
index f3e038ff..55214e3b 100644
--- a/src/Resources/views/brick/links/index.html.twig
+++ b/src/Resources/views/brick/links/index.html.twig
@@ -10,9 +10,7 @@
                     {% block dropdown_actions %}
                         {{ include('@LleCrudit/brick/links/actions/_dropdown_actions.html.twig', {dropdown_action: action, view: view}) }}
                     {% endblock %}
-                {% endif %}
-
-                {% if not action.dropdown %}
+                {% elseif not action.dropdown %}
                     {% block actions %}
                         {{ include('@LleCrudit/brick/links/actions/_actions.html.twig', {action: action, view: view}) }}
                     {% endblock %}
@@ -27,70 +25,5 @@
                 {% endblock %}
             {% endif %}
         {% endblock %}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-{#        {% set hasDropdown = false %}#}
-{#        {% for action in view.data.actions %}#}
-{#            {% if not action.dropdown %}#}
-{#                {% set params = action.path.params %}#}
-{#                {% if view.data.resource and action.setResource is defined%}#}
-{#                    {% do action.setResource(view.data.resource) %}#}
-{#                {% endif %}#}
-{#                {% set id = app.request.attributes.get('id') %}#}
-{#                {% if id %}#}
-{#                    {% set params = action.path.params|merge({id: id}) %}#}
-{#                {% endif %}#}
-
-{#                {% if action.modal %}#}
-{#                    {% include action.modal with {action: action, id: 'modal_' ~ action.id, params: params} %}#}
-{#                {% endif %}#}
-{#                {% set disabled = action.disabled or not#}
-{#                    ((action.path.role is null or is_granted(action.path.role, view.data.resource))#}
-{#                    and (action.role is null or is_granted(action.role, view.data.resource)))#}
-{#                %}#}
-
-{#                {% if not (disabled and crudit_hide_if_disabled(action)) %}#}
-{#                    <span class="btn-wrapper" title="{{ action.title|trans(domain=view.config.translation_domain) }}">#}
-{#                        <a#}
-{#                            class="{{ action.cssClass ?? 'btn btn-sm btn-primary mt-2 ms-1 mt-md-0' }} {% if disabled %}disabled{% endif %}"#}
-{#                                {% if action.modal %}#}
-{#                                    data-bs-toggle="modal" data-bs-target="#modal_{{ action.id }}"#}
-{#                                {% elseif action.confirmModal %}#}
-{#                                    data-bs-toggle="modal" data-bs-target="#modal-confirm" data-confirm-link="{{ path(action.path.route, params) }}" data-confirm-text="{{ ('modal.confirm.' ~ action.label)|trans }}"#}
-{#                                {% elseif not action.disabled %}#}
-{#                                    href="{{ action.url ?? path(action.path.route, params) }}"#}
-{#                                {% endif %}#}
-
-{#                            {% if action.target is defined and action.target %}#}
-{#                                target="{{ action.target }}"#}
-{#                            {% endif %}#}
-{#                        >#}
-{#                            {% if action.icon %}<i class="{{ action.icon.cssClass }}"></i>{% endif %}#}
-{#                            {% if not action.hideLabel %}{{ action.label|trans(domain=view.config.translation_domain) }}{% endif %}#}
-{#                        </a>#}
-{#                    </span>#}
-{#                {% endif %}#}
-{#            {% else %}#}
-{#                {% set hasDropdown = true %}#}
-{#            {% endif %}#}
-{#        {% endfor %}#}
-
-{#        {% block dropdown_actions %}#}
-{#            {% if hasDropdown %}#}
-{#                {{ include('@LleCrudit/brick/links/_dropdown_actions.html.twig', {view: view}) }}#}
-{#            {% endif %}#}
-{#        {% endblock %}#}
     </div>
 </nav>
diff --git a/src/Resources/views/brick/list_items/_actions.html.twig b/src/Resources/views/brick/list_items/_actions.html.twig
index b6f0dce1..feabb24d 100644
--- a/src/Resources/views/brick/list_items/_actions.html.twig
+++ b/src/Resources/views/brick/list_items/_actions.html.twig
@@ -1,79 +1,26 @@
 <td>
     <div class="btn-group btn-group-sm" role="group">
-        ITEM
-{#        {% set hasDropdown = false %}#}
-{#        {% for action in view.config.actions %}#}
-{#            {% do action.setResource(line.resource) %}#}
-{#            {% if not action.dropdown %}#}
-{#                {% set params = { 'id': line.resource.id } %}#}
-{#                {% if action.modal %}#}
-{#                    {% include action.modal with {action: action, id: 'modal_' ~ action.id ~ line.resource.id } %}#}
-{#                {% endif %}#}
-{#                {% set disabled = action.disabled or not#}
-{#                    ((action.path.role is null or is_granted(action.path.role, line.resource))#}
-{#                    and (action.role is null or is_granted(action.role, line.resource)))#}
-{#                %}#}
+        {% set has_dropdown = false %}
+        {% block links_actions %}
+            {% for action in view.config.actions %}
+                {% if crudit_is_dropdown_action(action) %}
+                    {% block dropdown_actions %}
+                        {{ include('@LleCrudit/brick/list_items/actions/_dropdown_actions.html.twig', {dropdown_action: action, view: view}) }}
+                    {% endblock %}
+                {% elseif not action.dropdown %}
+                    {% block actions %}
+                        {{ include('@LleCrudit/brick/list_items/actions/_actions.html.twig', {action: action, view: view}) }}
+                    {% endblock %}
+                {% else %}
+                    {% set has_dropdown = true %}
+                {% endif %}
+            {% endfor %}
 
-{#                {% if not (disabled and crudit_hide_if_disabled(action)) %}#}
-{#                    <span class="btn-wrapper" title="{{ action.title|trans(domain=view.config.translation_domain) }}">#}
-{#                        <a class="{{ action.cssClass ?? 'btn btn-sm' }} {% if disabled %}disabled{% endif %}"#}
-{#                            {% if action.target %}#}
-{#                                target="{{ action.target }}"#}
-{#                            {% endif %}#}
-{#                            {% if action.modal %}#}
-{#                                data-bs-toggle="modal" data-bs-target="#modal_{{ action.id ~ line.resource.id }}"#}
-{#                            {% elseif action.confirmModal %}#}
-{#                                data-bs-toggle="modal" data-bs-target="#modal-confirm" data-confirm-link="{{ path(action.path.route, params) }}" data-confirm-text="{{ ('modal.confirm.'~action.label)|trans }}"#}
-{#                            {% elseif not action.disabled %}#}
-{#                                {% if action.url %}#}
-{#                                    href="{{ absolute_url(action.url) }}"#}
-{#                                {% else %}#}
-{#                                    href="{{ path(action.path.route, action.path.params({'id': line.id})) }}"#}
-{#                                {% endif %}#}
-{#                            {% endif %}#}
-{#                        >#}
-{#                            {% if action.icon %}<i class="{{ action.icon.cssClass }}"></i>{% endif %}#}
-{#                            {% if not action.hideLabel and not action.icon %}{{ action.label|trans(domain=view.config.translation_domain) }}{% endif %}#}
-{#                        </a>#}
-{#                    </span>#}
-{#                {% endif %}#}
-{#            {% endif %}#}
-{#            {% if action.dropdown %}#}
-{#                {% set hasDropdown = true %}#}
-{#            {% endif %}#}
-{#        {% endfor %}#}
-
-{#        {% if hasDropdown %}#}
-{#            <div class="dropdown dropdown--no-arrow">#}
-{#                <button id="actions_{{ line.resource.id }}" class="btn dropdown-toggle py-1" data-bs-toggle="dropdown">#}
-{#                    <i class="fas fa-ellipsis-v"></i>#}
-{#                </button>#}
-{#                <ul class="dropdown-menu" aria-labelledby="#actions_{{ line.resource.id }}">#}
-{#                    {% for action in view.config.actions %}#}
-{#                        {% if action.dropdown %}#}
-{#                            {% set disabled = action.disabled or not#}
-{#                                ((action.path.role is null or is_granted(action.path.role, line.resource))#}
-{#                                and (action.role is null or is_granted(action.role, line.resource)))#}
-{#                            %}#}
-
-{#                            {% if not (disabled and crudit_hide_if_disabled(action)) %}#}
-{#                                <li>#}
-{#                                    <a class="dropdown-item {% if disabled %}disabled{% endif %}"#}
-{#                                        {% if action.modal %}#}
-{#                                            data-bs-toggle="modal" data-bs-target="#modal_{{ action.id ~ line.resource.id }}"#}
-{#                                        {% elseif not action.disabled %}#}
-{#                                            href="{{ path(action.path.route, action.path.params({'id': line.id})) }}"#}
-{#                                        {% endif %}#}
-{#                                    >#}
-{#                                        {% if action.icon %}<i class="{{ action.icon.cssClass }}"></i>{% endif %}#}
-{#                                        {{ action.label|trans(domain=view.config.translation_domain) }}#}
-{#                                    </a>#}
-{#                                </li>#}
-{#                            {% endif %}#}
-{#                        {% endif %}#}
-{#                    {% endfor %}#}
-{#                </ul>#}
-{#            </div>#}
-{#        {% endif %}#}
+            {% if has_dropdown %}
+                {% block kebab_dropdown_actions %}
+                    {{ include('@LleCrudit/brick/list_items/actions/_kebab_dropdown_actions.html.twig', {view: view}) }}
+                {% endblock %}
+            {% endif %}
+        {% endblock %}
     </div>
 </td>
diff --git a/src/Resources/views/brick/list_items/_footer.html.twig b/src/Resources/views/brick/list_items/_footer.html.twig
index dd6e985c..23b73a75 100644
--- a/src/Resources/views/brick/list_items/_footer.html.twig
+++ b/src/Resources/views/brick/list_items/_footer.html.twig
@@ -7,21 +7,21 @@
             </th>
         {% endif %}
     {% endfor %}
-    FOOTER
-{#    {% if view.config.actions|length %}#}
-{#        {% set hasActions = false %}#}
-{#        {% for action in view.config.actions %}#}
-{#            {% if#}
-{#                (action.path.role is null or is_granted(action.path.role))#}
-{#                and (action.role is null or is_granted(action.role))#}
-{#            %}#}
-{#                {% set hasActions = true %}#}
-{#            {% endif %}#}
-{#        {% endfor %}#}
-{#        {% if hasActions %}#}
-{#            <th>{{ 'crudit.action'|trans(domain=view.config.translation_domain) }}</th>#}
-{#        {% endif %}#}
-{#    {% endif %}#}
+    {% if view.config.actions|length %}
+        {% set hasActions = false %}
+        {% for action in view.config.actions %}
+            {% if
+                not crudit_is_dropdown_action(action)
+                and (action.path.role is null or is_granted(action.path.role))
+                and (action.role is null or is_granted(action.role))
+            %}
+                {% set hasActions = true %}
+            {% endif %}
+        {% endfor %}
+        {% if hasActions %}
+            <th>{{ 'crudit.action'|trans(domain=view.config.translation_domain) }}</th>
+        {% endif %}
+    {% endif %}
 </tr>
 {% if view.data.totals %}
     <tr>
diff --git a/src/Resources/views/brick/list_items/actions/_actions.html.twig b/src/Resources/views/brick/list_items/actions/_actions.html.twig
new file mode 100644
index 00000000..918121a8
--- /dev/null
+++ b/src/Resources/views/brick/list_items/actions/_actions.html.twig
@@ -0,0 +1,49 @@
+{% set params = { 'id': line.resource.id } %}
+
+{% if action.modal %}
+    {% include action.modal with {action: action, id: 'modal_' ~ action.id ~ line.resource.id } %}
+{% endif %}
+
+{% set disabled = action.disabled or not
+    ((action.path.role is null or is_granted(action.path.role, line.resource))
+    and (action.role is null or is_granted(action.role, line.resource)))
+%}
+
+{% if not (disabled and crudit_hide_if_disabled(action)) %}
+    {% block actions_item %}
+        <span class="btn-wrapper" title="{{ action.title|trans(domain=view.config.translation_domain) }}">
+            <a
+                class="
+                    {{ action.cssClass ?? 'btn btn-sm btn-primary' }}
+                    {% if disabled %} disabled{% endif %}
+                "
+                {% if action.modal %}
+                    data-bs-toggle="modal"
+                    data-bs-target="#modal_{{ action.id ~ line.resource.id }}"
+                {% elseif action.confirmModal %}
+                    data-bs-toggle="modal"
+                    data-bs-target="#modal-confirm"
+                    data-confirm-link="{{ path(action.path.route, params) }}"
+                    data-confirm-text="{{ ('modal.confirm.' ~ action.label)|trans }}"
+                {% elseif not action.disabled %}
+                    {% if action.url %}
+                        href="{{ absolute_url(action.url) }}"
+                    {% else %}
+                        href="{{ path(action.path.route, action.path.params({'id': line.id})) }}"
+                    {% endif %}
+                {% endif %}
+
+                {% if action.target is defined and action.target %}
+                    target="{{ action.target }}"
+                {% endif %}
+            >
+                {% if action.icon %}
+                    <i class="{{ action.icon.cssClass }}"></i>
+                {% endif %}
+                {% if not action.hideLabel and not action.icon %}
+                    {{ action.label|trans(domain=view.config.translation_domain) }}
+                {% endif %}
+            </a>
+        </span>
+    {% endblock %}
+{% endif %}
diff --git a/src/Resources/views/brick/list_items/actions/_dropdown_actions.html.twig b/src/Resources/views/brick/list_items/actions/_dropdown_actions.html.twig
new file mode 100644
index 00000000..45d49c77
--- /dev/null
+++ b/src/Resources/views/brick/list_items/actions/_dropdown_actions.html.twig
@@ -0,0 +1,74 @@
+{% set disabled =
+    dropdown_action.disabled or not
+    (dropdown_action.role is null or is_granted(dropdown_action.role, line.resource))
+%}
+
+{% if not (disabled and crudit_hide_if_disabled(dropdown_action)) %}
+    <div class="dropdown">
+        {% block dropdown_actions_button %}
+            <button
+                {# Replace . & _ in label to have only - #}
+                id="dropdown-actions-{{ action.label|replace({'.': '-', '_': '-'}) ~ '-' ~ line.resource.id }}"
+                class="
+                    {{ dropdown_action.cssClass ?? 'btn btn-sm btn-primary dropdown-toggle' }}
+                    {% if disabled %} disabled{% endif %}
+                "
+                data-bs-toggle="dropdown"
+            >
+                {% if dropdown_action.icon %}
+                    <i class="{{ dropdown_action.icon.cssClass }}"></i>
+                {% endif %}
+                {% if not action.hideLabel and not action.icon %}
+                    {{ dropdown_action.label|trans(domain=view.config.translation_domain) }}
+                {% endif %}
+            </button>
+        {% endblock %}
+        {% block dropdown_actions_menu %}
+            <ul
+                class="dropdown-menu dropdown-menu-end"
+                aria-labelledby="#dropdown-actions-{{ dropdown_action.label|replace({'.': '-'}) ~ '-' ~ line.resource.id }}"
+            >
+                {% for group_name, group in dropdown_action.actions %}
+                    {% if crudit_is_dropdown_group_name(group_name) %}
+                        <li><h6 class="dropdown-header">{{ group_name|trans(domain=view.config.translation_domain) }}</h6></li>
+                    {% elseif loop.index0 != 0 and not crudit_is_dropdown_group_name(group_name) %}
+                        <li><hr class="dropdown-divider"></li>
+                    {% endif %}
+
+                    {% for action in group %}
+                        {% if action.modal %}
+                            {% include action.modal with {action: action, id: 'modal_' ~ action.id ~ line.resource.id } %}
+                        {% endif %}
+
+                        {% set disabled = action.disabled or not
+                            ((action.path.role is null or is_granted(action.path.role, line.resource))
+                            and (action.role is null or is_granted(action.role, line.resource)))
+                        %}
+
+                        {% if not (disabled and crudit_hide_if_disabled(action)) %}
+                            {% block dropdown_actions_item %}
+                                <li>
+                                    <a
+                                        class="{{ action.cssClass ?? 'dropdown-item' }} {% if disabled %}disabled{% endif %}"
+                                        {% if action.modal %}
+                                            data-bs-toggle="modal" data-bs-target="#modal_{{ action.id ~ line.resource.id }}"
+                                        {% elseif not action.disabled %}
+                                            href="{{ path(action.path.route, action.path.params({'id': line.id})) }}"
+                                        {% endif %}
+                                    >
+                                        {% if action.icon %}
+                                            <i class="{{ action.icon.cssClass }}"></i>
+                                        {% endif %}
+                                        {% if not action.hideLabel %}
+                                            {{ action.label|trans(domain=view.config.translation_domain) }}
+                                        {% endif %}
+                                    </a>
+                                </li>
+                            {% endblock %}
+                        {% endif %}
+                    {% endfor %}
+                {% endfor %}
+            </ul>
+        {% endblock %}
+    </div>
+{% endif %}
diff --git a/src/Resources/views/brick/list_items/actions/_kebab_dropdown_actions.html.twig b/src/Resources/views/brick/list_items/actions/_kebab_dropdown_actions.html.twig
new file mode 100644
index 00000000..5c5876fb
--- /dev/null
+++ b/src/Resources/views/brick/list_items/actions/_kebab_dropdown_actions.html.twig
@@ -0,0 +1,44 @@
+<div class="dropdown dropdown--no-arrow">
+    {% block kebab_dropdown_actions_button %}
+        <button id="actions_{{ line.resource.id }}" class="btn btn-sm dropdown-toggle" data-bs-toggle="dropdown">
+            <i class="fas fa-ellipsis-v"></i>
+        </button>
+    {% endblock %}
+    {% block kebab_dropdown_actions_menu %}
+        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="#actions_{{ line.resource.id }}">
+            {% for action in view.config.actions %}
+                {% if action.dropdown %}
+                    {% if action.modal %}
+                        {% include action.modal with {action: action, id: 'modal_' ~ action.id ~ line.resource.id } %}
+                    {% endif %}
+
+                    {% set disabled = action.disabled or not
+                        ((action.path.role is null or is_granted(action.path.role, line.resource))
+                        and (action.role is null or is_granted(action.role, line.resource)))
+                    %}
+
+                    {% if not (disabled and crudit_hide_if_disabled(action)) %}
+                        {% block kebab_dropdown_actions_item %}
+                            <li>
+                                <a class="{{ action.cssClass ?? 'dropdown-item' }} {% if disabled %}disabled{% endif %}"
+                                    {% if action.modal %}
+                                        data-bs-toggle="modal" data-bs-target="#modal_{{ action.id ~ line.resource.id }}"
+                                    {% elseif not action.disabled %}
+                                        href="{{ path(action.path.route, action.path.params({'id': line.id})) }}"
+                                    {% endif %}
+                                >
+                                    {% if action.icon %}
+                                        <i class="{{ action.icon.cssClass }}"></i>
+                                    {% endif %}
+                                    {% if not action.hideLabel %}
+                                        {{ action.label|trans(domain=view.config.translation_domain) }}
+                                    {% endif %}
+                                </a>
+                            </li>
+                        {% endblock %}
+                    {% endif %}
+                {% endif %}
+            {% endfor %}
+        </ul>
+    {% endblock %}
+</div>
diff --git a/src/Resources/views/brick/list_items/index.html.twig b/src/Resources/views/brick/list_items/index.html.twig
index 1a38fa18..36c78886 100644
--- a/src/Resources/views/brick/list_items/index.html.twig
+++ b/src/Resources/views/brick/list_items/index.html.twig
@@ -70,19 +70,24 @@
                             {% endif %}
                         {% endfor %}
                         {% if view.config.actions|length %}
-                            IDK
-{#                            {% set hasActions = false %}#}
-{#                            {% for action in view.config.actions %}#}
-{#                                {% if#}
-{#                                    (action.path.role is null or is_granted(action.path.role))#}
-{#                                    and (action.role is null or is_granted(action.role))#}
-{#                                %}#}
-{#                                    {% set hasActions = true %}#}
-{#                                {% endif %}#}
-{#                            {% endfor %}#}
-{#                            {% if hasActions %}#}
-{#                                <th>{{ 'crudit.action'|trans(domain=view.config.translation_domain) }}</th>#}
-{#                            {% endif %}#}
+                            {% set hasActions = false %}
+                            {% for action in view.config.actions %}
+                                {% if
+                                    (
+                                        not crudit_is_dropdown_action(action)
+                                        and (action.path.role is null or is_granted(action.path.role))
+                                        and (action.role is null or is_granted(action.role))
+                                    ) or (
+                                        crudit_is_dropdown_action(action)
+                                        and (action.role is null or is_granted(action.role))
+                                    )
+                                %}
+                                    {% set hasActions = true %}
+                                {% endif %}
+                            {% endfor %}
+                            {% if hasActions %}
+                                <th>{{ 'crudit.action'|trans(domain=view.config.translation_domain) }}</th>
+                            {% endif %}
                         {% endif %}
                     </tr>
                     </thead>
diff --git a/src/Resources/views/brick/map/index.html.twig b/src/Resources/views/brick/map/index.html.twig
deleted file mode 100644
index 8cb39df1..00000000
--- a/src/Resources/views/brick/map/index.html.twig
+++ /dev/null
@@ -1,53 +0,0 @@
-{# basic config : lat / lng / zoom #}
-{% set zoom = view.options['zoom'] |default(6) %}
-{% set lat = view.options['lat'] |default(46) %}
-{% set lng = view.options['lng'] |default(2.5) %}
-
-{# layer as geourls #}
-{% set geojsons = view.options['geojsons'] |default(null) %}
-
-{# this map is a item map #}
-
-{% set item = view.data.resource.resource |default(null) %}
-{% set editable = view.options['editable'] | default(false) %}
-
-{% if item %}
-    {% set centrefield_lat = view.options['lat_field'] %}
-    {% set centrefield_lng = view.options['lng_field'] %}
-    {% if editable %}
-        {% set edit_url = path(view.options['edit_route'], {"id": item.id}) %}
-    {% endif %}
-
-    {% set polylinefield = view.options['poly_field']|default(null) %}
-
-    {% set lat = attribute(item, centrefield_lat) %}
-    {% set lng = attribute(item, centrefield_lng) %}
-
-    {% if polylinefield %}
-        {% set polyline = attribute(item, polylinefield) %}
-    {% endif %}
-{% endif %}
-
-<div id="map-{{ view.id }}" class="crudit-map"
-     data-lat="{{ lat }}"
-     data-lng="{{ lng }}"
-     data-zoom="{{ zoom }}"
-
-     data-with_marker="{{ view.options['with_marker']|default(1) }}"
-
-     {% if geojsons %}data-geojsons="{{ geojsons|json_encode|replace({'%id%':app.request.attributes.get('id','')}) }}"{% endif %}
-
-    {% if item %}
-        {% if editable %}
-            data-editable="{{ editable }}"
-            data-edit_url="{{ edit_url }}"
-        {% endif %}
-        {% if polylinefield is not null %}
-            data-polyline="{{ polyline }}"
-            data-polyline_field="{{ polylinefield }}"
-        {% endif %}
-        data-lat_field="{{ centrefield_lat }}"
-        data-lng_field="{{ centrefield_lng }}"
-    {% endif %}
->
-</div>