diff --git a/src-docs/src/views/search_bar/search_bar.js b/src-docs/src/views/search_bar/search_bar.js
index c586d45b537..46992817190 100644
--- a/src-docs/src/views/search_bar/search_bar.js
+++ b/src-docs/src/views/search_bar/search_bar.js
@@ -17,11 +17,11 @@ import {
 const random = new Random();
 
 const tags = [
-  { name: 'marketing', color: 'danger' },
-  { name: 'finance', color: 'success' },
-  { name: 'eng', color: 'success' },
-  { name: 'sales', color: 'warning' },
-  { name: 'ga', color: 'success' },
+  { name: 'market ing', color: 'danger' },
+  { name: 'fi@nance', color: 'success' },
+  { name: 'eng!&$#%^', color: 'success' },
+  { name: 's*a:les', color: 'warning' },
+  { name: 'g\\a/', color: 'success' },
 ];
 
 const types = ['dashboard', 'visualization', 'watch'];
diff --git a/src-docs/src/views/tables/data_store.js b/src-docs/src/views/tables/data_store.js
index 6dcdc60b3f3..6c6228439f3 100644
--- a/src-docs/src/views/tables/data_store.js
+++ b/src-docs/src/views/tables/data_store.js
@@ -5,30 +5,30 @@ import { times } from '../../../../src/services/utils';
 const random = new Random();
 
 const createCountries = () => [
-  { code: 'NL', name: 'Netherlands', flag: '🇳🇱' },
-  { code: 'CZ', name: 'Czech Republic', flag: '🇨🇿' },
-  { code: 'ZA', name: 'South Africa', flag: '🇿🇦' },
-  { code: 'US', name: 'United States', flag: '🇺🇲' },
-  { code: 'AU', name: 'Australia', flag: '🇦🇺' },
-  { code: 'IL', name: 'Israel', flag: '🇮🇱' },
-  { code: 'NO', name: 'Norway', flag: '🇳🇴' },
-  { code: 'IT', name: 'Italy', flag: '🇮🇹' },
-  { code: 'CA', name: 'Canada', flag: '🇨🇦' },
-  { code: 'CG', name: 'Congo', flag: '🇨🇬' },
-  { code: 'CL', name: 'Chile', flag: '🇨🇱' },
-  { code: 'FJ', name: 'Fiji', flag: '🇫🇯' },
-  { code: 'GB', name: 'United Kingdom', flag: '🇬🇧' },
-  { code: 'GR', name: 'Greece', flag: '🇬🇷' },
-  { code: 'HT', name: 'Haiti', flag: '🇭🇹' },
-  { code: 'LB', name: 'Lebanon', flag: '🇱🇧' },
-  { code: 'MM', name: 'Myanmar', flag: '🇲🇲' },
-  { code: 'MX', name: 'Mexico', flag: '🇲🇽' },
-  { code: 'NG', name: 'Nigeria', flag: '🇳🇬' },
-  { code: 'SG', name: 'Singapore', flag: '🇸🇬' },
-  { code: 'SO', name: 'Somalia', flag: '🇸🇴' },
-  { code: 'TN', name: 'Tunisia', flag: '🇹🇳' },
-  { code: 'VE', name: 'Venezuela', flag: '🇻🇪' },
-  { code: 'ZM', name: 'Zambia', flag: '🇿🇲' },
+  { code: 'NL@', name: 'Netherlands', flag: '🇳🇱' },
+  { code: 'CZ@', name: 'Czech Republic', flag: '🇨🇿' },
+  { code: 'ZA@', name: 'South Africa', flag: '🇿🇦' },
+  { code: 'US@', name: 'United States', flag: '🇺🇲' },
+  { code: 'AU@', name: 'Australia', flag: '🇦🇺' },
+  { code: 'IL@', name: 'Israel', flag: '🇮🇱' },
+  { code: 'NO@', name: 'Norway', flag: '🇳🇴' },
+  { code: 'IT@', name: 'Italy', flag: '🇮🇹' },
+  { code: 'CA@', name: 'Canada', flag: '🇨🇦' },
+  { code: 'CG@', name: 'Congo', flag: '🇨🇬' },
+  { code: 'CL@', name: 'Chile', flag: '🇨🇱' },
+  { code: 'FJ@', name: 'Fiji', flag: '🇫🇯' },
+  { code: 'GB@', name: 'United Kingdom', flag: '🇬🇧' },
+  { code: 'GR@', name: 'Greece', flag: '🇬🇷' },
+  { code: 'HT@', name: 'Haiti', flag: '🇭🇹' },
+  { code: 'LB@', name: 'Lebanon', flag: '🇱🇧' },
+  { code: 'MM@', name: 'Myanmar', flag: '🇲🇲' },
+  { code: 'MX@', name: 'Mexico', flag: '🇲🇽' },
+  { code: 'NG@', name: 'Nigeria', flag: '🇳🇬' },
+  { code: 'SG@', name: 'Singapore', flag: '🇸🇬' },
+  { code: 'SO@', name: 'Somalia', flag: '🇸🇴' },
+  { code: 'TN@', name: 'Tunisia', flag: '🇹🇳' },
+  { code: 'VE@', name: 'Venezuela', flag: '🇻🇪' },
+  { code: 'ZM@', name: 'Zambia', flag: '🇿🇲' },
 ];
 
 const firstNames = [