diff --git a/og_ocean-dark.css b/og_ocean-dark.css
index 1caf062..05bb817 100644
--- a/og_ocean-dark.css
+++ b/og_ocean-dark.css
@@ -1182,23 +1182,46 @@ code.hljs {
 }
 
 /***Zen Mode***/
-.zen div.title-bar-buttons {
-  margin-left: 50px;
+/*Use the button or alt+z to toggle it on and off*/
+/* hide launcher buttons*/
+.zen-mode button.bx-chevrons-left,.zen-mode #launcher-pane > .component > :not(button.component.button-widget.bx-spa) {
+  display: none !important;
+}
+/*hide note tree*/
+.zen-mode #left-pane {
+  display: none !important;
+}
+/*hide ribbon buttons*/
+.zen-mode .ribbon-container {
+  display: none !important;
+}
+/*hide note title*/
+.zen-mode .title-row {
+  display: none !important;
+}
+/*hide note tabs*/
+.zen-mode .tab-row-widget .tab-row-widget-container {
+  display: none !important;
 }
 /*hide none-essential title-bar buttons*/
-.zen .title-bar-buttons > :not(.top-btn,.minimize-btn,.maximize-btn,.close-btn) {
-display: none;
+.zen-mode .title-bar-buttons > :not(.top-btn,.minimize-btn,.maximize-btn,.close-btn) {
+  display: none;
+}
+/*hide preview of child notes*/
+.zen-mode .note-list-widget {
+  display: none !important;
+}
+/*hide backlink, code buttons, etc.*/
+.zen-mode .floating-buttons-children {
+  display: none !important;
 }
 /*hide nonessential center pane widgets*/
-.zen #center-pane > :not(.split-note-container-widget) {
-display: none !important;
+.zen-mode #center-pane > :not(.split-note-container-widget) {
+  display: none !important;
 }
-/*show right pane*/
-body.zen div.gutter {
-  display: block !important;
-}
-body.zen div#right-pane:not(.hidden-int) {
-display: flex !important;
+/*hide right pane*
+.zen-mode #right-pane {
+  display: none !important;
 }
 
 /***Theme Switcher***/