diff --git a/src/client/ui/deck/column.vue b/src/client/ui/deck/column.vue
index 548e0eb091..d0a39965b1 100644
--- a/src/client/ui/deck/column.vue
+++ b/src/client/ui/deck/column.vue
@@ -70,7 +70,6 @@ export default defineComponent({
 	data() {
 		return {
 			deckStore,
-			active: true,
 			dragging: false,
 			draghover: false,
 			dropready: false,
@@ -83,6 +82,10 @@ export default defineComponent({
 			return this.column.type === 'main';
 		},
 
+		active(): boolean {
+			return this.column.active !== false;
+		},
+
 		keymap(): any {
 			return {
 				'shift+up': () => this.$parent.$emit('parent-focus', 'up'),
@@ -124,7 +127,9 @@ export default defineComponent({
 
 		toggleActive() {
 			if (!this.isStacked) return;
-			this.active = !this.active;
+			updateColumn(this.column.id, {
+				active: !this.column.active
+			});
 		},
 
 		getMenu() {
diff --git a/src/client/ui/deck/deck-store.ts b/src/client/ui/deck/deck-store.ts
index 93ea0a3228..025d5d70f4 100644
--- a/src/client/ui/deck/deck-store.ts
+++ b/src/client/ui/deck/deck-store.ts
@@ -16,6 +16,7 @@ type Column = {
 	name: string | null;
 	width: number;
 	widgets?: ColumnWidget[];
+	active?: boolean;
 };
 
 function copy<T>(x: T): T {