From c2a22702be3a38e8298be056ae34c0bb6b4677a3 Mon Sep 17 00:00:00 2001
From: Nikki Gonzales
 <38495263+nikkithelegendarypokemonster@users.noreply.github.com>
Date: Wed, 19 Jun 2024 16:25:38 +0800
Subject: [PATCH] TileView/Directions: Apply standardized width and added space
 between span and input in Vue template (#27554)

Signed-off-by: Nikki Gonzales <38495263+nikkithelegendarypokemonster@users.noreply.github.com>
---
 apps/demos/Demos/TileView/Directions/Vue/App.vue | 3 ++-
 apps/demos/testing/common.test.js                | 3 ---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/apps/demos/Demos/TileView/Directions/Vue/App.vue b/apps/demos/Demos/TileView/Directions/Vue/App.vue
index 62094450614b..5dfdf246ca8d 100644
--- a/apps/demos/Demos/TileView/Directions/Vue/App.vue
+++ b/apps/demos/Demos/TileView/Directions/Vue/App.vue
@@ -17,6 +17,7 @@
       <div class="caption">Options</div>
       <div class="option">
         <span>Direction </span>
+        {{ " " }}
         <DxSelectBox
           v-model:value="direction"
           :input-attr="{ 'aria-label': 'Direction' }"
@@ -66,7 +67,7 @@ const itemMargin = 10;
 }
 
 .option > span {
-  width: 74px;
+  width: 70px;
   display: inline-block;
 }
 
diff --git a/apps/demos/testing/common.test.js b/apps/demos/testing/common.test.js
index 44eacd92292d..1010ee2f0963 100644
--- a/apps/demos/testing/common.test.js
+++ b/apps/demos/testing/common.test.js
@@ -191,9 +191,6 @@ const SKIPPED_TESTS = {
       { demo: 'DeferredSelection', themes: [THEME.material] },
       { demo: 'CellEditingAndEditingAPI', themes: [THEME.material] },
     ],
-    TileView: [
-      { demo: 'Directions', themes: [THEME.material] },
-    ],
     TreeList: [
       { demo: 'Overview', themes: [THEME.material] },
     ],