diff --git a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css
index 744a0a50d..978bf2e7f 100644
--- a/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css
+++ b/snappymail/v/0.0.0/themes/NextcloudV25+/styles.css
@@ -2430,4 +2430,64 @@ html.rl-mobile #rl-app #V-AdminPane>.b-toolbar {
     }
 }
 
+/* #endregion */
+
+/*
+ * TODO: Tablet Layout
+ */
+
+/* #region (todo) tablet layout */
+
+@media screen and (min-width: 800px) and (max-width: 1024px) {
+    html.sm-msgView-side #rl-app #rl-right {
+        flex-direction: column;
+    }
+
+    html.sm-msgView-side #rl-app #V-MailMessageList {
+        height: unset;
+        width: unset;
+    }
+
+    html.sm-msgView-side #rl-app #V-MailMessageList .resizer {
+        /* ? vertical resize not working in side view */
+        display: none;
+    }
+
+    html.sm-msgView-side #rl-app #V-MailMessageList .messageList {
+        height: 35vh;
+        max-height: 50vh;
+        min-height: 200px;
+        width: unset !important;
+        max-width: unset;
+        overflow: auto;
+        resize: vertical;
+    }
+
+    html.sm-msgView-side #rl-app #V-MailMessageView .top-toolbar {
+        display: none;
+    }
+
+    html.sm-msgView-side #rl-app .messageView {
+        height: 100%;
+    }
+
+    #rl-app #rl-left {
+        width: 250px;
+    }
+
+    html:not(.rl-left-panel-disabled) #rl-left {
+        max-width: calc(var(--nc-sidebar-max-width) / 2);
+    }
+
+    #rl-app #V-SystemDropDown .accountPlace {
+        display: none;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+    html.sm-msgView-side #rl-app #V-MailMessageList .messageList {
+        height: calc(100% - 60px) !important;
+    }
+}
+
 /* #endregion */
\ No newline at end of file