diff --git a/css/panels.css b/css/panels.css
index 33d4c687..c824187a 100644
--- a/css/panels.css
+++ b/css/panels.css
@@ -402,7 +402,7 @@
 	#cubes_list {
 		padding-top: 1px;
 		overflow-y: scroll;
-		--indentation: 16px;
+		--indentation-offset: 16px;
 	}
 	#cubes_list > li:last-child {
 		margin-bottom: 180px;
@@ -438,6 +438,7 @@
 		width: 100%;
 		padding: 2px;
 		box-sizing: border-box;
+		padding-left: calc(var(--indentation) * var(--indentation-offset));
 	}
 	.outliner_object:active {
 	    background-color: var(--color-ui);
diff --git a/js/outliner/outliner.js b/js/outliner/outliner.js
index ab0a758a..c38937c2 100644
--- a/js/outliner/outliner.js
+++ b/js/outliner/outliner.js
@@ -1395,7 +1395,7 @@ Interface.definePanels(function() {
 			`<div
 				class="outliner_object"
 				v-bind:class="{ cube: node.type === 'cube', group: node.type === 'group', selected: node.selected }"
-				v-bind:style="{'padding-left': 'calc(var(--indentation) * ' + indentation + ')'}"
+				v-bind:style="{'--indentation': indentation}"
 				@contextmenu.prevent.stop="node.showContextMenu($event)"
 				@click="node.select($event, true)"
 				@touchstart="node.select($event)" :title="node.title"