fix: Jank in domain management screen

app/scenes/Settings/Security.tsx

@@ -220,9 +220,6 @@ function Security() {
         </SettingRow>
       )}
 
-      {!data.inviteRequired && (
-        <DomainManagement onSuccess={showSuccessMessage} />
-      )}
       {!data.inviteRequired && (
         <SettingRow
           label={t("Default role")}
@@ -252,6 +249,8 @@ function Security() {
         </SettingRow>
       )}
 
+      <DomainManagement onSuccess={showSuccessMessage} />
+
       <h2>{t("Behavior")}</h2>
       <SettingRow
         label={t("Public document sharing")}

app/scenes/Settings/components/DomainManagement.tsx

@@ -5,7 +5,6 @@ import { Trans, useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import styled from "styled-components";
 import Button from "~/components/Button";
-import Fade from "~/components/Fade";
 import Flex from "~/components/Flex";
 import Input from "~/components/Input";
 import NudeButton from "~/components/NudeButton";
@@ -110,29 +109,25 @@ function DomainManagement({ onSuccess }: Props) {
       <Flex justify="space-between" gap={4} style={{ flexWrap: "wrap" }}>
         {!allowedDomains.length ||
         allowedDomains[allowedDomains.length - 1] !== "" ? (
-          <Fade>
-            <Button type="button" onClick={handleAddDomain} neutral>
-              {allowedDomains.length ? (
-                <Trans>Add another</Trans>
-              ) : (
-                <Trans>Add a domain</Trans>
-              )}
-            </Button>
-          </Fade>
+          <Button type="button" onClick={handleAddDomain} neutral>
+            {allowedDomains.length ? (
+              <Trans>Add another</Trans>
+            ) : (
+              <Trans>Add a domain</Trans>
+            )}
+          </Button>
         ) : (
           <span />
         )}
 
         {showSaveChanges && (
-          <Fade>
-            <Button
-              type="button"
-              onClick={handleSaveDomains}
-              disabled={team.isSaving}
-            >
-              <Trans>Save changes</Trans>
-            </Button>
-          </Fade>
+          <Button
+            type="button"
+            onClick={handleSaveDomains}
+            disabled={team.isSaving}
+          >
+            <Trans>Save changes</Trans>
+          </Button>
         )}
       </Flex>
     </SettingRow>