diff --git a/src/components/NcAppContent/NcAppContent.vue b/src/components/NcAppContent/NcAppContent.vue
index c07030a32d..ef866210a0 100644
--- a/src/components/NcAppContent/NcAppContent.vue
+++ b/src/components/NcAppContent/NcAppContent.vue
@@ -337,7 +337,7 @@ export default {
 
 	// Variables
 	// the whitespace between the topbar content and its edges
-	--topbar-margin: $topbar-margin;
+	--topbar-margin: #{$topbar-margin};
 }
 
 .app-content-wrapper {