diff --git a/src/components/AppSidebar/AppSidebarTabs.vue b/src/components/AppSidebar/AppSidebarTabs.vue
index 785fa5f59c..29ed5a0462 100644
--- a/src/components/AppSidebar/AppSidebarTabs.vue
+++ b/src/components/AppSidebar/AppSidebarTabs.vue
@@ -63,6 +63,10 @@
 import Vue from 'vue'
 
 const IsValidString = function(value) {
+	return value && typeof value === 'string' && value.trim() !== ''
+}
+
+const IsValidStringWithoutSpaces = function(value) {
 	return value && typeof value === 'string' && value.trim() !== '' && value.indexOf(' ') === -1
 }
 
@@ -227,8 +231,8 @@ export default {
 				const tab = tabNode.componentInstance
 				// Make sure all required props are provided and valid
 				if (IsValidString(tab?.name)
-					&& IsValidString(tab?.id)
-					&& IsValidString(tab?.icon)) {
+					&& IsValidStringWithoutSpaces(tab?.id)
+					&& IsValidStringWithoutSpaces(tab?.icon)) {
 					tabs.push(tab)
 				} else {
 					invalidTabs.push(tabNode)