diff --git a/web/styles/subscriptions.css b/web/styles/subscriptions.css
index 766c092844..8103ec1de3 100644
--- a/web/styles/subscriptions.css
+++ b/web/styles/subscriptions.css
@@ -1438,8 +1438,7 @@ div.settings-radio-input-parent {
     }
 
     .two-pane-settings-overlay .left,
-    .two-pane-settings-overlay .right,
-    #settings_page .content-wrapper.right {
+    .two-pane-settings-overlay .right {
         position: absolute;
         display: block;
         margin: 0;
@@ -1449,8 +1448,7 @@ div.settings-radio-input-parent {
         border: none;
     }
 
-    .two-pane-settings-overlay .right,
-    #settings_page .content-wrapper.right {
+    .two-pane-settings-overlay .right {
         position: absolute;
         left: 101%;
 
@@ -1466,6 +1464,26 @@ div.settings-radio-input-parent {
         }
     }
 
+    #settings_page .content-wrapper.right {
+        position: absolute;
+        display: block;
+        left: 101%;
+        margin: 0;
+        width: 100%;
+        height: calc(100% - var(--settings-overlay-header-height));
+
+        top: var(--settings-overlay-header-height);
+        background-color: var(--color-background-modal);
+        border: none;
+
+        transition: left 0.3s ease; /* stylelint-disable-line plugin/no-low-performance-animation-properties */
+        z-index: 10;
+
+        &.show {
+            left: 0%;
+        }
+    }
+
     .two-pane-settings-overlay {
         .two-pane-settings-container {
             height: 95%;