diff --git a/app/views/answers/_new_edit.html.erb b/app/views/answers/_new_edit.html.erb
index 9464877..1558638 100644
--- a/app/views/answers/_new_edit.html.erb
+++ b/app/views/answers/_new_edit.html.erb
@@ -2,7 +2,7 @@
   This partial creates a form for each type of question. The local variables are: plan, answer, question, readonly
 -->
 <% q_format = question.question_format %>
-<%= form_for answer, url: {controller: :answers, action: :update}, html: {method: :put, class: "roadmap-form", 'data-autosave': question.id}, remote: true do |f| %>
+<%= form_for answer, url: {controller: :answers, action: :update}, html: {method: :put, class: "roadmap-form answer", 'data-autosave': question.id}, remote: true do |f| %>
   <fieldset class="standard">
     <% if !readonly %>
       <%= f.hidden_field :id %>
@@ -105,6 +105,9 @@
       <div id="<%= "answer-status-#{question.id}" %>" class="answer-status inline left-indent">
         <%= render(partial: 'answers/status', locals: { answer: answer }) %>
       </div>
+      <% if !readonly %>
+        <div class="left-indent answer-unsaved" style="visibility: hidden;"><%= _('Unsaved changes') %></div>
+      <% end %>
     </div>
   </fieldset>
 <% end %>
\ No newline at end of file
diff --git a/app/views/answers/_status.html.erb b/app/views/answers/_status.html.erb
index ddf8dcf..c0fdfcc 100644
--- a/app/views/answers/_status.html.erb
+++ b/app/views/answers/_status.html.erb
@@ -1,9 +1,8 @@
-    <!-- Partial for handling the answer status (e.g. Saving, Unsaved, Not Answered, Answered) -->
-    <span class="saving-message" style="display:none"><%= _('Saving...')%></span>
-    <span class="label label-inverse answer-unsaved" style="display:none"><%= _('Unsaved changes') %></span>
-    <br/>
-    <% if answer.updated_at.blank? %>
-        <span class="label label-warning answer-status not-answered"><%= _('Not answered yet') %></span>
-    <% else %>
-        <span class="label label-info answer-status"><%= _('Answered')%> <abbr class="timeago" data-time="<%= answer.updated_at.iso8601 %>" title="<%= answer.updated_at.iso8601 %>"><%= answer.updated_at.iso8601 %></abbr><%= _(' by')%> <%= answer.user.name %></span>
-    <% end %>
\ No newline at end of file
+<!-- Partial for handling the answer status (e.g. Saving, Unsaved, Not Answered, Answered) -->
+<span class="saving-message" style="display:none"><%= _('Saving...')%></span>
+<br/>
+<% if answer.updated_at.blank? %>
+    <span class="label label-warning answer-status not-answered"><%= _('Not answered yet') %></span>
+<% else %>
+    <span class="label label-info answer-status"><%= _('Answered')%> <abbr class="timeago" data-time="<%= answer.updated_at.iso8601 %>" title="<%= answer.updated_at.iso8601 %>"><%= answer.updated_at.iso8601 %></abbr><%= _(' by')%> <%= answer.user.name %></span>
+<% end %>
\ No newline at end of file
diff --git a/app/views/phases/edit.html.erb b/app/views/phases/edit.html.erb
index 2a564f8..843ea9e 100644
--- a/app/views/phases/edit.html.erb
+++ b/app/views/phases/edit.html.erb
@@ -120,6 +120,13 @@
               </div>   <!--  loaded -->
               
               <!-- pop up about unsaved answers -->
+							<div id="section-<%= sectionid %>-collapse-alert" class="modal" style="display:none" role="dialog"
+									 aria-label="<%= _("Unsaved Answers Alert") %>" 
+									 aria-describedby="#section-<%= sectionid %>-collapse-alert-plural">
+							
+								
+							</div>
+							
               <div id="section-<%= sectionid %>-collapse-alert" data-container="body" class="modal" 
                    role="dialog" aria-label="<%= _("Unsaved Answers Alert") %>" 
                    aria-describedby="#section-<%= sectionid %>-collapse-alert-plural" style="display: none;">
diff --git a/lib/assets/javascripts/views/answers/status.js b/lib/assets/javascripts/views/answers/status.js
index 0abee0e..6debe9a 100644
--- a/lib/assets/javascripts/views/answers/status.js
+++ b/lib/assets/javascripts/views/answers/status.js
@@ -43,7 +43,7 @@
     // Listener for changes at any element value from question-form
     $('.question-form').on('change', 'form.answer fieldset input, form.answer fieldset select', function(){
         var unsaved = $(this).closest('.question-form').find('.answer-unsaved');
-        unsaved.show();
+        unsaved.css('visibility', 'visible');
         var notAnswered = $(this).closest('.question-form').find('.not-answered');
         notAnswered.hide();
     });
@@ -59,7 +59,7 @@
     $.fn.tinymce_answer_events = function(editor){
         editor.on('change', function(){
             var unsaved = $('#'+editor.id).closest('.question-form').find('.answer-unsaved');
-            unsaved.show();
+            unsaved.css('visibility', 'visible');
             var notAnswered = $('#'+editor.id).closest('.question-form').find('.not-answered');
             notAnswered.hide();
         });
diff --git a/lib/assets/stylesheets/dmproadmap/forms.scss b/lib/assets/stylesheets/dmproadmap/forms.scss
index 848e7e3..3af4d6d 100644
--- a/lib/assets/stylesheets/dmproadmap/forms.scss
+++ b/lib/assets/stylesheets/dmproadmap/forms.scss
@@ -754,9 +754,9 @@
   }
 
   .answer-unsaved {
-    position: relative;
-    right: -205px;
-    top: 18px;
+    width: auto;
+    max-width: 200px;
+    text-align: center;
     color: $error-color;
     background: $error-background;
     padding: 5px 10px;