diff --git a/app/assets/javascripts/profile.js b/app/assets/javascripts/profile.js
index d92306e4d..402bbd2d6 100644
--- a/app/assets/javascripts/profile.js
+++ b/app/assets/javascripts/profile.js
@@ -1,6 +1,7 @@
 $(document).ready(function () {
   $("#profileForm").on("change input", function () {
     $("#profileChange").removeClass("d-none");
+    $("#profileChangeBottom").removeClass("d-none");
   });
 
   $('input:checkbox[name^="user[lecture"]').on("change", function () {
diff --git a/app/views/profile/edit.html.erb b/app/views/profile/edit.html.erb
index 03c899b04..8e6a7844e 100644
--- a/app/views/profile/edit.html.erb
+++ b/app/views/profile/edit.html.erb
@@ -105,6 +105,14 @@
       </div>
     </div>
 
+    <!-- ⭕ Unsaved changes warning/button -->
+    <!-- Here at the bottom only for small displays -->
+    <div class="w-100 mt-3 mb-3 d-md-none">
+      <%= f.submit t('profile.changes_made_btn'),
+        class: 'btn btn-warning w-100 d-none',
+        id: "profileChangeBottom" %>
+    </div>
+
   </div>
 
   <% end %>