fix(styles): adjust padding and margin for improved layout in sidebar and settings row

src/components/Elements/MainModal/scss/modules/_modalTabContent.scss

@@ -30,7 +30,6 @@
     .settingsRow {
       display: flex;
       align-items: center;
-      min-height: 100px;
       justify-content: space-between;
       transition: 0.4s ease-in-out;
 

src/components/Elements/MainModal/scss/modules/_sidebar.scss

@@ -4,7 +4,7 @@
   @include themed {
     position: relative;
     margin: 0;
-    padding: 0.5rem 5px 2rem 5px;
+    padding: 0.5rem 5px 3rem 5px;
     // background: t($modal-sidebar);
     border-radius: 12px 0 0 12px;
     overflow-y: auto;
@@ -44,6 +44,10 @@
       min-width: calc(100% - 1.2em);
       text-align: left;
 
+      &:last-child {
+        margin-bottom: 1rem;
+      }
+
       &:hover {
         background: t($modal-sidebarActive);
       }

src/components/Elements/MainModal/scss/settings/modules/_material-ui.scss

@@ -47,6 +47,10 @@ legend {
   margin-top: 10px !important;
 }
 
+.settingsRow .action .MuiFormControlLabel-root {
+  margin-top: 10px !important;
+}
+
 .checkbox svg {
   @include themed {
     fill: t($color) !important;