Update knowledge-base/dropdownbutton-add-separator-between-items.md

Co-authored-by: Dimo Dimov <[email protected]>

Author: 2 people

knowledge-base/dropdownbutton-add-separator-between-items.md

@@ -27,7 +27,7 @@ I want to visually separate the items in a [DropDownButton](slug:dropdownbutton-
 
 The DropDownButton does not have a concept for a "separator" item (similar to the [ContextMenu](slug:contextmenu-data-binding-overview), for example). However, the DropDownButton uses a declarative approach for its items, so you can add any desired item.
 
-The specific is that the content you declare in the DropDownButtonItem will be rendered inside the `<span class="k-menu-link-text">` which is narrower and thus your custom separator will not cover the whole width of the popup. This article demonstrates how to add a separator by utilizing custom styling.
+The content of the DropDownButtonItem is rendered inside a `<span class="k-menu-link-text">` element, which is narrower than the popup. Thus, a border inside the dropdown item content cannot span over the whole width of the popup. This article demonstrates how to add a separator by setting a CSS class on the whole item and using custom styling.
 
 To create a visual separator between items in a DropDownButton, apply a custom class to the item that precedes the separator and style its bottom border. This approach allows you to simulate a separator without the need for a dedicated separator item. The custom class can be applied directly in the item declarations in your Blazor component.