diff --git a/static/js/avatar-preview.js b/static/js/avatar-preview.js
new file mode 100644
index 0000000..907a8c2
--- /dev/null
+++ b/static/js/avatar-preview.js
@@ -0,0 +1,10 @@
+function previewAvatar(event) {
+    const [file] = event.target.files;
+    if (file) {
+        const reader = new FileReader();
+        reader.onload = function(e) {
+            document.getElementById('avatarPreview').src = e.target.result;
+        };
+        reader.readAsDataURL(file);
+    }
+} 
\ No newline at end of file
diff --git a/templates/contacts/form.html b/templates/contacts/form.html
index 69fbafd..6a175a9 100644
--- a/templates/contacts/form.html
+++ b/templates/contacts/form.html
@@ -157,16 +157,5 @@
     </div>
 </div>
 
-<script>
-function previewAvatar(event) {
-    const [file] = event.target.files;
-    if (file) {
-        const reader = new FileReader();
-        reader.onload = function(e) {
-            document.getElementById('avatarPreview').src = e.target.result;
-        };
-        reader.readAsDataURL(file);
-    }
-}
-</script>
+<script src="{{ url_for('static', filename='js/avatar-preview.js') }}"></script>
 {% endblock %} 
\ No newline at end of file