diff --git a/app/assets/stylesheets/attachment.scss b/app/assets/stylesheets/attachment.scss
index 3688742e7..e8b829486 100644
--- a/app/assets/stylesheets/attachment.scss
+++ b/app/assets/stylesheets/attachment.scss
@@ -49,9 +49,8 @@
   }
 }
 
-.attachment-multiple.fr-downloads-group.destroyable {
-  ul {
-    list-style-type: none;
-    padding-inline-start: 0;
-  }
+.attachment-multiple.fr-downloads-group.destroyable ul,
+ul[data-file-input-reset-target='fileList'] {
+  list-style-type: none;
+  padding-inline-start: 0;
 }
diff --git a/app/javascript/controllers/file_input_reset_controller.ts b/app/javascript/controllers/file_input_reset_controller.ts
index 0320c54b1..5f4070917 100644
--- a/app/javascript/controllers/file_input_reset_controller.ts
+++ b/app/javascript/controllers/file_input_reset_controller.ts
@@ -25,15 +25,13 @@ export class FileInputResetController extends ApplicationController {
 
     Array.from(files).forEach((file, index) => {
       const container = document.createElement('li');
-      container.style.display = 'flex';
-      container.style.alignItems = 'center';
+      container.classList.add('flex', 'flex-gap-2', 'fr-mb-1w');
 
       const deleteButton = this.createDeleteButton(deleteLabel, index);
       container.appendChild(deleteButton);
 
       const listItem = document.createElement('div');
       listItem.textContent = file.name;
-      listItem.style.marginLeft = '8px';
 
       container.appendChild(listItem);
       this.fileListTarget.appendChild(container);