fix inconsistencies in heights and paddings

packages/builder/src/components/settings/UserRow.svelte

@@ -39,4 +39,16 @@
     grid-gap: 18px;
     grid-template-columns: 1fr 1fr 1fr;
   }
+  .inputs :global(input) {
+    padding: 10px 12px;
+    border-radius: var(--rounded-small);
+  }
+  .inputs :global(select) {
+    padding: 9px 12px;
+    border-radius: var(--rounded-small);
+  }
+  .inputs :global(button) {
+    border-radius: var(--rounded-small);
+    height: initial;
+  }
 </style>

packages/builder/src/components/settings/tabs/Users.svelte

@@ -103,16 +103,12 @@
     display: grid;
     grid-gap: 12px;
     border-radius: 5px;
-    background-color: var(--grey-2);
+    background-color: var(--grey-1);
     padding: 12px 12px 18px 12px;
   }
   .background.create {
     background-color: var(--blue-light);
   }
-  .inputs :global(select) {
-    padding: 12px 9px;
-    height: initial;
-  }
   .create-button {
     position: absolute;
     top: 12px;
@@ -132,6 +128,14 @@
     grid-gap: 18px;
     grid-template-columns: 1fr 1fr 1fr;
   }
+  .inputs :global(input) {
+    padding: 10px 12px;
+    border-radius: var(--rounded-small);
+  }
+  .inputs :global(select) {
+    padding: 9px 12px;
+    border-radius: var(--rounded-small);
+  }
   ul {
     list-style: none;
     padding: 0;