From b0e4fef3c374124b12b14207ac58aab7653be210 Mon Sep 17 00:00:00 2001
From: kendo-bot <kendouiteam@progress.com>
Date: Fri, 24 Jan 2025 08:37:36 +0000
Subject: [PATCH] chore: update visual previews

---
 .../spreadsheet-cell-contextmenu.html         |  8 ++---
 tests/spreadsheet/spreadsheet-filtering.html  |  8 ++---
 tests/spreadsheet/spreadsheet-formula.html    |  8 ++---
 .../spreadsheet-row-contextmenu.html          |  8 ++---
 tests/spreadsheet/spreadsheet-sheets-bar.html |  8 ++---
 tests/spreadsheet/spreadsheet.html            |  8 ++---
 .../tabstrip-scrollable-buttons-end.html      | 32 +++++++++----------
 .../tabstrip-scrollable-buttons-start.html    | 32 +++++++++----------
 tests/tabstrip/tabstrip-scrollable-rtl.html   | 32 +++++++++----------
 tests/tabstrip/tabstrip-scrollable.html       | 32 +++++++++----------
 tests/tabstrip/tabstrip-sizes.html            | 24 +++++++-------
 tests/toolbar/toolbar-scrollable-buttons.html | 24 +++++++-------
 12 files changed, 112 insertions(+), 112 deletions(-)

diff --git a/tests/spreadsheet/spreadsheet-cell-contextmenu.html b/tests/spreadsheet/spreadsheet-cell-contextmenu.html
index 7b981125ac0..cbb81ba40c1 100644
--- a/tests/spreadsheet/spreadsheet-cell-contextmenu.html
+++ b/tests/spreadsheet/spreadsheet-cell-contextmenu.html
@@ -814,20 +814,20 @@
                                 </span>
                             </li>
                         </ul>
-                        <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                        <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="m160 256 192-128v256z"></path>
                                 </svg>
                             </span>
-                        </button>
-                        <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                        </span>
+                        <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="M352 256 160 384V128z"></path>
                                 </svg>
                             </span>
-                        </button>
+                        </span>
                     </div>
                 </div>
             </div>
diff --git a/tests/spreadsheet/spreadsheet-filtering.html b/tests/spreadsheet/spreadsheet-filtering.html
index 402e0625674..2071350182d 100644
--- a/tests/spreadsheet/spreadsheet-filtering.html
+++ b/tests/spreadsheet/spreadsheet-filtering.html
@@ -821,20 +821,20 @@
                                 </span>
                             </li>
                         </ul>
-                        <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                        <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="m160 256 192-128v256z"></path>
                                 </svg>
                             </span>
-                        </button>
-                        <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                        </span>
+                        <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="M352 256 160 384V128z"></path>
                                 </svg>
                             </span>
-                        </button>
+                        </span>
                     </div>
                 </div>
             </div>
diff --git a/tests/spreadsheet/spreadsheet-formula.html b/tests/spreadsheet/spreadsheet-formula.html
index c3bad2abda1..68dec27a7c8 100644
--- a/tests/spreadsheet/spreadsheet-formula.html
+++ b/tests/spreadsheet/spreadsheet-formula.html
@@ -609,20 +609,20 @@
                                 </span>
                             </li>
                         </ul>
-                        <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                        <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="m160 256 192-128v256z"></path>
                                 </svg>
                             </span>
-                        </button>
-                        <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                        </span>
+                        <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="M352 256 160 384V128z"></path>
                                 </svg>
                             </span>
-                        </button>
+                        </span>
                     </div>
                 </div>
             </div>
diff --git a/tests/spreadsheet/spreadsheet-row-contextmenu.html b/tests/spreadsheet/spreadsheet-row-contextmenu.html
index 940d5217475..2dd48fbbb5a 100644
--- a/tests/spreadsheet/spreadsheet-row-contextmenu.html
+++ b/tests/spreadsheet/spreadsheet-row-contextmenu.html
@@ -814,20 +814,20 @@
                                 </span>
                             </li>
                         </ul>
-                        <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                        <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="m160 256 192-128v256z"></path>
                                 </svg>
                             </span>
-                        </button>
-                        <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                        </span>
+                        <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="M352 256 160 384V128z"></path>
                                 </svg>
                             </span>
-                        </button>
+                        </span>
                     </div>
                 </div>
             </div>
diff --git a/tests/spreadsheet/spreadsheet-sheets-bar.html b/tests/spreadsheet/spreadsheet-sheets-bar.html
index 7e5fe5080e1..da10257b911 100644
--- a/tests/spreadsheet/spreadsheet-sheets-bar.html
+++ b/tests/spreadsheet/spreadsheet-sheets-bar.html
@@ -136,20 +136,20 @@
                                     </span>
                                 </li>
                             </ul>
-                            <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                            <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                         <path d="m160 256 192-128v256z"></path>
                                     </svg>
                                 </span>
-                            </button>
-                            <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                            </span>
+                            <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                                 <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                         <path d="M352 256 160 384V128z"></path>
                                     </svg>
                                 </span>
-                            </button>
+                            </span>
                         </div>
                     </div>
                 </div>
diff --git a/tests/spreadsheet/spreadsheet.html b/tests/spreadsheet/spreadsheet.html
index 7c39dfe160a..f1b0f3aee6f 100644
--- a/tests/spreadsheet/spreadsheet.html
+++ b/tests/spreadsheet/spreadsheet.html
@@ -807,20 +807,20 @@
                                 </span>
                             </li>
                         </ul>
-                        <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                        <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="m160 256 192-128v256z"></path>
                                 </svg>
                             </span>
-                        </button>
-                        <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                        </span>
+                        <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                             <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                                 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                     <path d="M352 256 160 384V128z"></path>
                                 </svg>
                             </span>
-                        </button>
+                        </span>
                     </div>
                 </div>
             </div>
diff --git a/tests/tabstrip/tabstrip-scrollable-buttons-end.html b/tests/tabstrip/tabstrip-scrollable-buttons-end.html
index 81296f632f3..e105ca58f79 100644
--- a/tests/tabstrip/tabstrip-scrollable-buttons-end.html
+++ b/tests/tabstrip/tabstrip-scrollable-buttons-end.html
@@ -53,20 +53,20 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    </span>
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Top scrollable</div>
@@ -106,20 +106,20 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    </span>
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
             </div>
         </section>
@@ -153,20 +153,20 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m256 160 128 192H128z"></path>
                             </svg>
                         </span>
-                    </button>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    </span>
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 352 128 160h256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Left scrollable</div>
@@ -203,20 +203,20 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m256 160 128 192H128z"></path>
                             </svg>
                         </span>
-                    </button>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    </span>
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 352 128 160h256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Right scrollable</div>
diff --git a/tests/tabstrip/tabstrip-scrollable-buttons-start.html b/tests/tabstrip/tabstrip-scrollable-buttons-start.html
index 8ac6adc8853..d3932ca8bce 100644
--- a/tests/tabstrip/tabstrip-scrollable-buttons-start.html
+++ b/tests/tabstrip/tabstrip-scrollable-buttons-start.html
@@ -26,20 +26,20 @@
         <section>
             <div class="k-tabstrip k-tabstrip-top k-tabstrip-scrollable k-tabstrip-md">
                 <div class="k-tabstrip-items-wrapper k-hstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    </span>
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -79,20 +79,20 @@
                     <div>Bottom scrollable</div>
                 </div>
                 <div class="k-tabstrip-items-wrapper k-hstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    </span>
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -126,20 +126,20 @@
         <section>
             <div class="k-tabstrip k-tabstrip-left k-tabstrip-scrollable k-tabstrip-md">
                 <div class="k-tabstrip-items-wrapper k-vstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m256 160 128 192H128z"></path>
                             </svg>
                         </span>
-                    </button>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    </span>
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 352 128 160h256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -176,20 +176,20 @@
         <section>
             <div class="k-tabstrip k-tabstrip-right k-tabstrip-scrollable k-tabstrip-md">
                 <div class="k-tabstrip-items-wrapper k-vstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m256 160 128 192H128z"></path>
                             </svg>
                         </span>
-                    </button>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    </span>
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 352 128 160h256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
diff --git a/tests/tabstrip/tabstrip-scrollable-rtl.html b/tests/tabstrip/tabstrip-scrollable-rtl.html
index 37132f16cb2..2d2d0fd0649 100644
--- a/tests/tabstrip/tabstrip-scrollable-rtl.html
+++ b/tests/tabstrip/tabstrip-scrollable-rtl.html
@@ -26,13 +26,13 @@
         <section>
             <div dir="rtl" class="k-tabstrip k-tabstrip-top k-tabstrip-scrollable k-tabstrip-md">
                 <div class="k-tabstrip-items-wrapper k-hstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -60,13 +60,13 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Top scrollable</div>
@@ -79,13 +79,13 @@
                     <div>Bottom scrollable</div>
                 </div>
                 <div class="k-tabstrip-items-wrapper k-hstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -113,26 +113,26 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
             </div>
         </section>
         <section>
             <div dir="rtl" class="k-tabstrip k-tabstrip-left k-tabstrip-scrollable k-tabstrip-md">
                 <div class="k-tabstrip-items-wrapper k-vstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m256 160 128 192H128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -160,13 +160,13 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 352 128 160h256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Left scrollable</div>
@@ -176,13 +176,13 @@
         <section>
             <div dir="rtl" class="k-tabstrip k-tabstrip-right k-tabstrip-scrollable k-tabstrip-md">
                 <div class="k-tabstrip-items-wrapper k-vstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m256 160 128 192H128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -210,13 +210,13 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 352 128 160h256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Right scrollable</div>
diff --git a/tests/tabstrip/tabstrip-scrollable.html b/tests/tabstrip/tabstrip-scrollable.html
index 787728d5ca9..7f1b9cee2e6 100644
--- a/tests/tabstrip/tabstrip-scrollable.html
+++ b/tests/tabstrip/tabstrip-scrollable.html
@@ -26,13 +26,13 @@
         <section>
             <div class="k-tabstrip k-tabstrip-top k-tabstrip-scrollable k-tabstrip-md">
                 <div class="k-tabstrip-items-wrapper k-hstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -60,13 +60,13 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Top scrollable</div>
@@ -79,13 +79,13 @@
                     <div>Bottom scrollable</div>
                 </div>
                 <div class="k-tabstrip-items-wrapper k-hstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -113,26 +113,26 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
             </div>
         </section>
         <section>
             <div class="k-tabstrip k-tabstrip-left k-tabstrip-scrollable k-tabstrip-md">
                 <div class="k-tabstrip-items-wrapper k-vstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m256 160 128 192H128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -160,13 +160,13 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 352 128 160h256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Left scrollable</div>
@@ -176,13 +176,13 @@
         <section>
             <div class="k-tabstrip k-tabstrip-right k-tabstrip-scrollable k-tabstrip-md">
                 <div class="k-tabstrip-items-wrapper k-vstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-up">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m256 160 128 192H128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-first">
                             <span class="k-link">
@@ -210,13 +210,13 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-down">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M256 352 128 160h256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Right scrollable</div>
diff --git a/tests/tabstrip/tabstrip-sizes.html b/tests/tabstrip/tabstrip-sizes.html
index 0cfeb3eeb3a..fa62013b880 100644
--- a/tests/tabstrip/tabstrip-sizes.html
+++ b/tests/tabstrip/tabstrip-sizes.html
@@ -15,13 +15,13 @@
             <span>small</span>
             <div class="k-tabstrip k-tabstrip-top k-tabstrip-scrollable k-tabstrip-sm">
                 <div class="k-tabstrip-items-wrapper k-hstack">
-                    <button class="k-tabstrip-prev k-button k-button-sm k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-sm k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-active k-first">
                             <span class="k-link">
@@ -34,13 +34,13 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-sm k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-sm k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Tab Content</div>
@@ -51,13 +51,13 @@
             <span>medium</span>
             <div class="k-tabstrip k-tabstrip-top k-tabstrip-scrollable k-tabstrip-md">
                 <div class="k-tabstrip-items-wrapper k-hstack">
-                    <button class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-active k-first">
                             <span class="k-link">
@@ -70,13 +70,13 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-md k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Tab Content</div>
@@ -87,13 +87,13 @@
             <span>large</span>
             <div class="k-tabstrip k-tabstrip-top k-tabstrip-scrollable k-tabstrip-lg">
                 <div class="k-tabstrip-items-wrapper k-hstack">
-                    <button class="k-tabstrip-prev k-button k-button-lg k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-prev k-button k-button-lg k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                     <ul class="k-tabstrip-items k-reset k-tabstrip-items-start">
                         <li class="k-item k-tabstrip-item k-active k-first">
                             <span class="k-link">
@@ -106,13 +106,13 @@
                             </span>
                         </li>
                     </ul>
-                    <button class="k-tabstrip-next k-button k-button-lg k-button-flat k-button-flat-base k-icon-button">
+                    <span class="k-tabstrip-next k-button k-button-lg k-button-flat k-button-flat-base k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-tabstrip-content k-active">
                     <div>Tab Content</div>
diff --git a/tests/toolbar/toolbar-scrollable-buttons.html b/tests/toolbar/toolbar-scrollable-buttons.html
index 61ea83ae3a9..15f2900d6a0 100644
--- a/tests/toolbar/toolbar-scrollable-buttons.html
+++ b/tests/toolbar/toolbar-scrollable-buttons.html
@@ -14,13 +14,13 @@
         <span class="k-colspan-all k-col-span-full">Toolbar Buttons Around</span>
         <section class="k-colspan-all k-col-span-full">
             <div class="k-toolbar k-toolbar-md k-toolbar-solid k-toolbar-scrollable">
-                <button class="k-toolbar-prev k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
+                <span class="k-toolbar-prev k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="m160 256 192-128v256z"></path>
                         </svg>
                     </span>
-                </button>
+                </span>
                 <div class="k-toolbar-separator k-toolbar-button-separator k-separator"></div>
                 <div class="k-toolbar-items k-toolbar-items-scroll">
                     <button class="k-toolbar-button  k-button k-button-md k-button-solid k-button-solid-base k-rounded-md">
@@ -127,33 +127,33 @@
                     </div>
                 </div>
                 <div class="k-toolbar-separator k-toolbar-button-separator k-separator"></div>
-                <button class="k-toolbar-next k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
+                <span class="k-toolbar-next k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
                     <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                         <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                             <path d="M352 256 160 384V128z"></path>
                         </svg>
                     </span>
-                </button>
+                </span>
             </div>
         </section>
         <span class="k-colspan-all k-col-span-full">Toolbar Buttons Start</span>
         <section class="k-colspan-all k-col-span-full">
             <div class="k-toolbar k-toolbar-md k-toolbar-solid k-toolbar-scrollable">
                 <div class="k-button-group k-button-group-solid">
-                    <button class="k-toolbar-prev k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
+                    <span class="k-toolbar-prev k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
-                    <button class="k-toolbar-next k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
+                    </span>
+                    <span class="k-toolbar-next k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
                 <div class="k-toolbar-separator k-toolbar-button-separator k-separator"></div>
                 <div class="k-toolbar-items k-toolbar-items-scroll">
@@ -371,20 +371,20 @@
                 </div>
                 <div class="k-toolbar-separator k-toolbar-button-separator k-separator"></div>
                 <div class="k-button-group k-button-group-solid">
-                    <button class="k-toolbar-prev k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
+                    <span class="k-toolbar-prev k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-left">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="m160 256 192-128v256z"></path>
                             </svg>
                         </span>
-                    </button>
-                    <button class="k-toolbar-next k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
+                    </span>
+                    <span class="k-toolbar-next k-button k-button-md k-button-solid k-button-solid-base k-rounded-md k-icon-button">
                         <span class="k-button-icon k-icon k-svg-icon k-svg-i-caret-alt-right">
                             <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                 <path d="M352 256 160 384V128z"></path>
                             </svg>
                         </span>
-                    </button>
+                    </span>
                 </div>
             </div>
         </section>