From ac495b7be57495b12c20d6cd4cfb22f786bf3811 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Sat, 13 May 2023 23:39:23 +0200
Subject: [PATCH] fix(NcAppSidebarTabs): fix using css icon

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/components/NcAppSidebar/NcAppSidebarTabs.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/NcAppSidebar/NcAppSidebarTabs.vue b/src/components/NcAppSidebar/NcAppSidebarTabs.vue
index 4ece2e3d9b..88a3f26e22 100644
--- a/src/components/NcAppSidebar/NcAppSidebarTabs.vue
+++ b/src/components/NcAppSidebar/NcAppSidebarTabs.vue
@@ -57,7 +57,7 @@
 				</span>
 				<template #icon>
 					<NcVNodes :vnodes="tab.renderIcon()">
-						<span :class="tab.icon" />
+						<span class="app-sidebar-tabs__tab-icon" :class="tab.icon" />
 					</NcVNodes>
 				</template>
 			</NcCheckboxRadioSwitch>
@@ -285,6 +285,13 @@ export default {
 			text-overflow: ellipsis;
 			text-align: center;
 		}
+
+		&-icon {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background-size: 20px;
+		}
 	}
 
 	&__content {