diff --git a/src/bundle/Resources/public/scss/_page-title.scss b/src/bundle/Resources/public/scss/_page-title.scss
index 05780acda0..e01aa60f7e 100644
--- a/src/bundle/Resources/public/scss/_page-title.scss
+++ b/src/bundle/Resources/public/scss/_page-title.scss
@@ -28,7 +28,8 @@
         white-space: nowrap;
     }
 
-    .ibexa-badge {
+    .ibexa-badge,
+    .ids-tag {
         margin-left: calculateRem(16px);
         font-family: $ibexa-font-family;
     }
diff --git a/src/bundle/Resources/views/themes/admin/account/profile/view.html.twig b/src/bundle/Resources/views/themes/admin/account/profile/view.html.twig
index 0f56a61756..0c179e5d48 100644
--- a/src/bundle/Resources/views/themes/admin/account/profile/view.html.twig
+++ b/src/bundle/Resources/views/themes/admin/account/profile/view.html.twig
@@ -91,11 +91,9 @@
                         </div>
 
                         {% for role_assigment in roles %}
-                            <div class="ibexa-tag">
-                                <div class="ibexa-tag__content">
-                                    {{ role_assigment.identifier }}
-                                </div>
-                            </div>
+                            <twig:ibexa:tag type="neutral">
+                                {{ role_assigment.identifier }}
+                            </twig:ibexa:tag>
                         {% endfor %}
                     </div>
                 {% endif %}
diff --git a/src/bundle/Resources/views/themes/admin/limitation/udw_limitation_value.html.twig b/src/bundle/Resources/views/themes/admin/limitation/udw_limitation_value.html.twig
index 79d0021a7a..d0095dc4c4 100755
--- a/src/bundle/Resources/views/themes/admin/limitation/udw_limitation_value.html.twig
+++ b/src/bundle/Resources/views/themes/admin/limitation/udw_limitation_value.html.twig
@@ -37,11 +37,9 @@
                 }) }}
             {% else %}
                 <li class="mt-2">
-                    <div class="ibexa-tag">
-                        <div class="ibexa-tag__content">
-                            {{ "role.policy.limitation.location_deleted"|trans({}, 'ibexa_content_forms_role')|desc("Location deleted") }}
-                        </div>
-                    </div>
+                    <twig:ibexa:tag type="neutral">
+                        {{ "role.policy.limitation.location_deleted"|trans({}, 'ibexa_content_forms_role')|desc("Location deleted") }}
+                    </twig:ibexa:tag>
                 </li>
             {% endif %}
         {% endfor %}
diff --git a/src/bundle/Resources/views/themes/admin/ui/field_type/preview/content_fields.html.twig b/src/bundle/Resources/views/themes/admin/ui/field_type/preview/content_fields.html.twig
index f8e49d76ec..31fd9ad363 100644
--- a/src/bundle/Resources/views/themes/admin/ui/field_type/preview/content_fields.html.twig
+++ b/src/bundle/Resources/views/themes/admin/ui/field_type/preview/content_fields.html.twig
@@ -150,21 +150,24 @@
         {% set attr = attr|merge({'class': (attr.class|default('') ~ ' ibexa-field-preview ibexa-field-preview--ibexa_selection-multiple')|trim}) %}
         <ul {{ block( 'field_attributes' ) }}>
         {% for selectedIndex in field.value.selection %}
-            <li class="ibexa-selection__item ibexa-tag">
-                <div class="ibexa-tag__content">
+            <li class="ibexa-selection__item">
+                <twig:ibexa:tag type="neutral">
                     {{ options[selectedIndex] }}
-                </div>
+                </twig:ibexa:tag>
             </li>
         {% endfor %}
         </ul>
     {% elseif not fieldSettings.isMultiple %}
-        {% set attr = attr|merge({'class': (attr.class|default('') ~ ' ibexa-field-preview ibexa-field-preview--ibexa_selection-single ibexa-tag')|trim}) %}
+        {% set attr = attr|merge({'class': (attr.class|default('') ~ ' ibexa-field-preview ibexa-field-preview--ibexa_selection-single')|trim}) %}
 
         {% set field_value = options[field.value.selection|first]|escape %}
-
-        <div class="ibexa-tag__content">
+        {% set simple_block_field_content %}
             {{ block( 'simple_block_field' ) }}
-        </div>
+        {% endset %}
+
+        <twig:ibexa:tag type="neutral">
+            {{ simple_block_field_content }}
+        </twig:ibexa:tag>
     {% endif %}
 {% endblock %}
 
diff --git a/src/bundle/Resources/views/themes/admin/ui/page_title.html.twig b/src/bundle/Resources/views/themes/admin/ui/page_title.html.twig
index 7e66b6cd0b..46906cf721 100644
--- a/src/bundle/Resources/views/themes/admin/ui/page_title.html.twig
+++ b/src/bundle/Resources/views/themes/admin/ui/page_title.html.twig
@@ -1,5 +1,3 @@
-{% import '@ibexadesign/ui/component/macros.html.twig' as html %}
-
 {% if title is defined %}
     <div class="ibexa-page-title {% if page_title_class is defined %}{{ page_title_class }}{% endif %}">
         <div class="ibexa-page-title__top">
@@ -7,15 +5,14 @@
                 <span class="ibexa-page-title__content" title="{{ title }}">{{ title }}</span>
                 {% block tag %}
                     {% if tag is defined %}
-                        {% set attr = tag_attr|default({})|merge({
-                            class: (tag_attr.class|default('')
-                                ~ ' ibexa-badge ' ~ tag_extra_classes|default('')
-                            )|trim,
-                        }) %}
-
-                        <div {{ html.attributes(attr) }}>
+                        {% set tag_attr = tag_attr|default({}) %}
+                        <twig:ibexa:tag
+                            :type="tag_type|default('neutral')"
+                            class="{{ (tag_attr.class|default('') ~ ' ' ~ tag_extra_classes|default(''))|trim }}"
+                            style="{{ tag_attr.style|default('') }}"
+                        >
                             {{ tag }}
-                        </div>
+                        </twig:ibexa:tag>
                     {% endif %}
                 {% endblock %}
             </h1>
diff --git a/src/bundle/Resources/views/themes/admin/ui/tag.html.twig b/src/bundle/Resources/views/themes/admin/ui/tag.html.twig
index ef899db4ea..9003b07c4b 100644
--- a/src/bundle/Resources/views/themes/admin/ui/tag.html.twig
+++ b/src/bundle/Resources/views/themes/admin/ui/tag.html.twig
@@ -1,3 +1,4 @@
+{# TODO IBX-11417: Migrate to <twig:ibexa:chip> when DS chip supports a loading/spinner state (ibexa-tag__spinner / is_loading_state) #}
 {% import '@ibexadesign/ui/component/macros.html.twig' as html %}
 
 {% set is_deletable = is_deletable is defined ? is_deletable : true %}
diff --git a/src/lib/Behat/Page/ContentTypeUpdatePage.php b/src/lib/Behat/Page/ContentTypeUpdatePage.php
index f6dfc13b5f..6305d2d153 100644
--- a/src/lib/Behat/Page/ContentTypeUpdatePage.php
+++ b/src/lib/Behat/Page/ContentTypeUpdatePage.php
@@ -37,7 +37,7 @@ public function expandLastFieldDefinition(): void
             'lastFieldDefinition',
             'div.ibexa-collapse__body-content div.ibexa-collapse--field-definition'
         );
-
+        
         $this->getHTMLPage()->setTimeout(10)->waitUntil(function () use ($fieldDefinitionLocator): bool {
             $fieldDefinition = $this->getHTMLPage()->findAll($fieldDefinitionLocator)->last();
             $fieldDefinition->find(new VisibleCSSLocator('collapseButton', 'button.ibexa-collapse__toggle-btn'))->click();