diff --git a/files/assets/js/submit_hats.js b/files/assets/js/submit_hats.js
index 8ac52e23a..5fc107042 100644
--- a/files/assets/js/submit_hats.js
+++ b/files/assets/js/submit_hats.js
@@ -25,7 +25,7 @@ document.onpaste = function(event) {
 
 document.getElementById('file-upload').addEventListener('change', function(){
 	f=document.getElementById('file-upload');
-	document.getElementById('filename-show').textContent = document.getElementById('file-upload').files[0].name.substr(0, 20);
+	document.getElementById('filename-show').textContent = document.getElementById('file-upload').files[0].name.substr(0, 30);
 	filename = f.files[0].name.toLowerCase()
 	if (IMAGE_FORMATS.some(s => filename.endsWith(s)))
 	{
diff --git a/files/assets/js/submit_marseys.js b/files/assets/js/submit_marseys.js
index 79eae0310..233d24609 100644
--- a/files/assets/js/submit_marseys.js
+++ b/files/assets/js/submit_marseys.js
@@ -25,7 +25,7 @@ document.onpaste = function(event) {
 
 document.getElementById('file-upload').addEventListener('change', function(){
 	f=document.getElementById('file-upload');
-	document.getElementById('filename-show').textContent = document.getElementById('file-upload').files[0].name.substr(0, 20);
+	document.getElementById('filename-show').textContent = document.getElementById('file-upload').files[0].name.substr(0, 30);
 	filename = f.files[0].name.toLowerCase()
 	if (IMAGE_FORMATS.some(s => filename.endsWith(s)))
 	{