From 039ef863bb3a85c84babc643a39b12c192e6a0ad Mon Sep 17 00:00:00 2001
From: alexsparkes <alexsparkes@gmail.com>
Date: Fri, 23 Jan 2026 23:57:14 +0000
Subject: [PATCH] fix(Tabs, styles): adjust padding and margin for improved
 layout in modal components

---
 src/components/Elements/MainModal/backend/Tabs.jsx           | 2 +-
 .../Elements/MainModal/scss/modules/_modalTabContent.scss    | 4 ++--
 src/components/Elements/MainModal/scss/modules/_sidebar.scss | 5 +++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/Elements/MainModal/backend/Tabs.jsx b/src/components/Elements/MainModal/backend/Tabs.jsx
index db5a1c8f..f24d5e34 100644
--- a/src/components/Elements/MainModal/backend/Tabs.jsx
+++ b/src/components/Elements/MainModal/backend/Tabs.jsx
@@ -72,7 +72,7 @@ const Tabs = ({
           <ReminderInfo isVisible={showReminder} onHide={handleHideReminder} />
         </div>
       ) : null}
-      <div className="modalTabContent" style={{ marginLeft: showSidebar ? '1rem' : '0' }}>
+      <div className="modalTabContent">
         {children.map((tab, index) => {
           if (tab.props.label !== currentTab) {
             return null;
diff --git a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
index cb9d0e35..7f8efa61 100644
--- a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
+++ b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
@@ -8,7 +8,7 @@
   } */
 
   @include themed {
-    padding: 1rem 3rem 4rem;
+    padding: 1rem 2rem 4rem;
     display: flex;
     flex-direction: column;
     width: 100%;
@@ -16,7 +16,7 @@
     overflow-y: auto;
     background: t($modal-background);
 
-    margin: 0 1rem;
+    margin: 0;
     border-radius: t($borderRadius);
 
     @extend %tabText;
diff --git a/src/components/Elements/MainModal/scss/modules/_sidebar.scss b/src/components/Elements/MainModal/scss/modules/_sidebar.scss
index 5573977d..b412c06c 100644
--- a/src/components/Elements/MainModal/scss/modules/_sidebar.scss
+++ b/src/components/Elements/MainModal/scss/modules/_sidebar.scss
@@ -4,8 +4,9 @@
   @include themed {
     position: relative;
     margin: 0;
-    padding: 0.5rem 5px 3rem 5px;
-    // background: t($modal-sidebar);
+    // padding: 1rem 1.5rem 4rem 1.5rem;
+    padding: 0.5rem 0 0 0.5rem;
+    background: t($modal-sidebar);
     border-radius: 12px 0 0 12px;
     overflow-y: auto;
     overflow-x: hidden;