diff --git a/src/public/app/widgets/dialogs/import.js b/src/public/app/widgets/dialogs/import.js
index 5057115e5..11ca6d100 100644
--- a/src/public/app/widgets/dialogs/import.js
+++ b/src/public/app/widgets/dialogs/import.js
@@ -18,7 +18,9 @@ const TPL = `
                     <div class="form-group">
                         <label for="import-file-upload-input"><strong>${t("import.chooseImportFile")}</strong></label>
 
-                        <input type="file" class="import-file-upload-input form-control-file" multiple />
+                        <label class="tn-file-input tn-input-field">
+                            <input type="file" class="import-file-upload-input form-control-file" multiple />
+                        </label>
 
                         <p>${t("import.importDescription")} <strong class="import-note-title"></strong>.
                     </div>
diff --git a/src/public/app/widgets/dialogs/upload_attachments.js b/src/public/app/widgets/dialogs/upload_attachments.js
index c59afb635..8e6b15e1f 100644
--- a/src/public/app/widgets/dialogs/upload_attachments.js
+++ b/src/public/app/widgets/dialogs/upload_attachments.js
@@ -17,7 +17,9 @@ const TPL = `
                 <div class="modal-body">
                     <div class="form-group">
                         <label for="upload-attachment-file-upload-input"><strong>${t("upload_attachments.choose_files")}</strong></label>
-                        <input type="file" class="upload-attachment-file-upload-input form-control-file" multiple />
+                            <label class="tn-file-input tn-input-field">
+                                <input type="file" class="upload-attachment-file-upload-input form-control-file" multiple />
+                            </label>
                         <p>${t("upload_attachments.files_will_be_uploaded")} <strong class="upload-attachment-note-title"></strong>.</p>
                     </div>