fix: change undefined css class

app/assets/javascripts/Components/Preferences/Panes/Backups/Files/BackupsDropZone.tsx

@@ -52,15 +52,15 @@ const BackupsDropZone: FunctionComponent<Props> = ({ application }) => {
       void application.alertService.alert(
         `<strong>${decryptedFileItem.name}</strong> has been successfully decrypted and saved to your chosen directory.`,
       )
+      setBinaryFile(undefined)
+      setDecryptedFileItem(undefined)
+      setDroppedFile(undefined)
     } else if (result === 'failed') {
       void application.alertService.alert(
         'Unable to save file to local directory. This may be caused by failure to decrypt, or failure to save the file locally.',
       )
     }
 
-    setBinaryFile(undefined)
-    setDecryptedFileItem(undefined)
-    setDroppedFile(undefined)
     setIsSavingAsDecrypted(false)
   }, [decryptedFileItem, application, binaryFile, fileSystem])
 

app/assets/javascripts/Components/Preferences/Panes/Backups/Files/FileBackupsDesktop.tsx

@@ -67,7 +67,7 @@ const FileBackupsDesktop = ({ application, backupsService }: Props) => {
 
           {!backupsEnabled && (
             <>
-              <HorizontalSeparator classes="mt-5 mb-4" />
+              <HorizontalSeparator classes="mt-2.5 mb-4" />
               <Text>File backups are not enabled. Enable to choose where your files are backed up.</Text>
             </>
           )}
@@ -90,7 +90,7 @@ const FileBackupsDesktop = ({ application, backupsService }: Props) => {
                   checkmark={false}
                 />
 
-                <div className="flex flex-row mt-5">
+                <div className="flex flex-row mt-2.5">
                   <Button
                     variant="normal"
                     label="Open Backups Location"