diff --git a/app/assets/js/components/Work/Tabs/Preservation/FileSetModal.jsx b/app/assets/js/components/Work/Tabs/Preservation/FileSetModal.jsx
index 7e75d6e83..7c2f138bd 100644
--- a/app/assets/js/components/Work/Tabs/Preservation/FileSetModal.jsx
+++ b/app/assets/js/components/Work/Tabs/Preservation/FileSetModal.jsx
@@ -23,19 +23,6 @@ const modalCss = css`
   z-index: 100;
 `;
 
-const sectionHeaderCss = css`
-  font-size: 1.2rem;
-  font-weight: bold;
-  margin-bottom: 1rem;
-`;
-
-const sectionCss = css`
-  margin-bottom: 2rem;
-  padding: 1rem;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-`;
-
 function WorkTabsPreservationFileSetModal({
   closeModal,
   isVisible,
@@ -252,8 +239,8 @@ function WorkTabsPreservationFileSetModal({
 
                 {watchRole && (
                   <>
-                    <div css={sectionCss}>
-                      <h3 css={sectionHeaderCss}>Option 1: Drag and Drop File</h3>
+                    <div class="box">
+                      <h3>Option 1: Drag and Drop File</h3>
                       <WorkTabsPreservationFileSetDropzone
                         currentFile={currentFile}
                         acceptedFileTypes={acceptedFileTypes}
@@ -266,8 +253,8 @@ function WorkTabsPreservationFileSetModal({
                       />
                     </div>
 
-                    <div css={sectionCss}>
-                      <h3 css={sectionHeaderCss}>Option 2: Choose from S3 Ingest Bucket</h3>
+                    <div class="box">
+                      <h3>Option 2: Choose from S3 Ingest Bucket</h3>
                       <S3ObjectPicker
                         onFileSelect={handleSelectS3Object}
                         fileSetRole={watchRole}
diff --git a/app/assets/js/components/Work/Tabs/Preservation/ReplaceFileSet.jsx b/app/assets/js/components/Work/Tabs/Preservation/ReplaceFileSet.jsx
index b2f69eccf..6fab95f4f 100644
--- a/app/assets/js/components/Work/Tabs/Preservation/ReplaceFileSet.jsx
+++ b/app/assets/js/components/Work/Tabs/Preservation/ReplaceFileSet.jsx
@@ -27,19 +27,6 @@ import UIIconText from "../../../UI/IconText";
 import WorkTabsPreservationFileSetDropzone from "@js/components/Work/Tabs/Preservation/FileSetDropzone";
 import S3ObjectPicker from "@js/components/Work/Tabs/Preservation/S3ObjectPicker"
 
-const sectionHeaderCss = css`
-  font-size: 1.2rem;
-  font-weight: bold;
-  margin-bottom: 1rem;
-`;
-
-const sectionCss = css`
-  margin-bottom: 2rem;
-  padding: 1rem;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-`;
-
 function WorkTabsPreservationReplaceFileSet({
   closeModal,
   fileset,
@@ -226,8 +213,8 @@ function WorkTabsPreservationReplaceFileSet({
                     )}
                     {error && <Error error={error} />}
 
-                    <div css={sectionCss}>
-                      <h3 css={sectionHeaderCss}>Option 1: Drag and Drop File</h3>
+                    <div class="box">
+                      <h3>Option 1: Drag and Drop File</h3>
                       <WorkTabsPreservationFileSetDropzone
                         currentFile={currentFile}
                         fileSetRole={fileset?.role?.id}
@@ -239,8 +226,8 @@ function WorkTabsPreservationReplaceFileSet({
                       />
                     </div>
 
-                    <div css={sectionCss}>
-                      <h3 css={sectionHeaderCss}>Option 2: Choose from S3 Ingest Bucket</h3>
+                    <div class="box">
+                      <h3>Option 2: Choose from S3 Ingest Bucket</h3>
                       <S3ObjectPicker
                         onFileSelect={handleSelectS3Object}
                         fileSetRole={fileset?.role?.id}
diff --git a/app/assets/js/components/Work/Tabs/Preservation/S3ObjectPicker.jsx b/app/assets/js/components/Work/Tabs/Preservation/S3ObjectPicker.jsx
index 4f2abf5fa..981c786e4 100644
--- a/app/assets/js/components/Work/Tabs/Preservation/S3ObjectPicker.jsx
+++ b/app/assets/js/components/Work/Tabs/Preservation/S3ObjectPicker.jsx
@@ -45,11 +45,11 @@ const S3ObjectPicker = ({ onFileSelect, fileSetRole, workTypeId, defaultPrefix =
     refetch({ prefix: defaultPrefix });
   };
 
-  const handlePrefixChange = (e) => {
+  const handlePrefixChange = async (e) => {
     const inputValue = e.target.value;
     const newPrefix = inputValue.startsWith(defaultPrefix) ? inputValue : defaultPrefix + inputValue;
     setPrefix(newPrefix);
-    refetch({ prefix: newPrefix });
+    await refetch({ prefix: newPrefix });
   };
 
   const handleRefresh = async () => {