diff --git a/main.ts b/main.ts
index 0d71bd4..7f405ba 100644
--- a/main.ts
+++ b/main.ts
@@ -391,9 +391,9 @@ class StatusBar {
 
 	private setIsVisible = (isVisible: boolean) => {
 		if (!this.plugin.settings.snapshot) {
-			this.element.style.display = "none";
+			this.element.toggleClass("hidden", false);
 		} else {
-			this.element.style.display = isVisible ? "inline-flex" : "none";
+			this.element.toggleClass("hidden", !isVisible);
 		}
 	};
 }
diff --git a/styles.css b/styles.css
index d87150e..efd4a31 100644
--- a/styles.css
+++ b/styles.css
@@ -8,3 +8,7 @@
 	flex-direction: column;
 	gap: var(--size-2-2);
 }
+
+.hidden {
+	display: none;
+}