diff --git a/frontend/src/utils/inputs/file-input.js b/frontend/src/utils/inputs/file-input.js
index 6145a4970..300a15fa4 100644
--- a/frontend/src/utils/inputs/file-input.js
+++ b/frontend/src/utils/inputs/file-input.js
@@ -57,6 +57,7 @@ export class FileInput {
   }
 
   destroy() {
+    this._eventManager.cleanUp();
     this._fileList.remove();
     this._label.remove();
     this._element.classList.remove(FILE_INPUT_INITIALIZED_CLASS);
diff --git a/frontend/src/utils/inputs/file-max-size.js b/frontend/src/utils/inputs/file-max-size.js
index 653cca287..d0b8e75f5 100644
--- a/frontend/src/utils/inputs/file-max-size.js
+++ b/frontend/src/utils/inputs/file-max-size.js
@@ -1,4 +1,5 @@
 import { Utility } from '../../core/utility';
+import { EventManager, EventWrapper, EVENT_TYPE } from '../../lib/event-manager/event-manager';
 
 const FILE_MAX_SIZE_INITIALIZED_CLASS = 'file-max-size--initialized';
 
@@ -9,6 +10,8 @@ export class FileMaxSize {
   _element;
   _app;
 
+  _eventManager;
+
   constructor(element, app) {
     if (!element)
       throw new Error('FileMaxSize utility cannot be setup without an element!');
@@ -16,6 +19,8 @@ export class FileMaxSize {
     this._element = element;
     this._app = app;
 
+    this._eventManager = new EventManager();
+
     if (this._element.classList.contains(FILE_MAX_SIZE_INITIALIZED_CLASS)) {
       throw new Error('FileMaxSize utility already initialized!');
     }
@@ -24,7 +29,13 @@ export class FileMaxSize {
   }
 
   start() {
-    this._element.addEventListener('change', this._change.bind(this));
+    const changeEv = new EventWrapper(EVENT_TYPE.CHANGE, this._change.bind(this), this._element);
+    this._eventManager.registerNewListener(changeEv);
+  }
+
+  destroy() {
+    this._eventManager.cleanUp();
+    this._element.classList.remove(FILE_MAX_SIZE_INITIALIZED_CLASS);
   }
 
   _change() {