diff --git a/templates/profile/profile.html b/templates/profile/profile.html
index 7675d58..2af6600 100644
--- a/templates/profile/profile.html
+++ b/templates/profile/profile.html
@@ -103,16 +103,7 @@
     </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>
+{% block extra_js %}
+<script src="{{ url_for('static', filename='js/avatar-preview.js') }}"></script>
+{% endblock %}
 {% endblock %} 
\ No newline at end of file