diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss
index 1b032e2a..73076d2c 100644
--- a/sass/_project-sass/_project-Main.scss
+++ b/sass/_project-sass/_project-Main.scss
@@ -1313,7 +1313,6 @@ a.tag:hover {
 .interior .header-Outro.editor {
   padding-top: 0px;
   overflow: hidden;
-  position: fixed;
   width: 100%;
   margin-top: 22px;
   font-size: 15px;
@@ -1350,6 +1349,14 @@ a.tag:hover {
     #saveButton {
       margin-top: 0;
     }
+    .tooltip {    
+      &.bottom .tooltip-arrow {
+        border-bottom-color: #971D31;
+      }
+      .tooltip-inner {
+        background-color: #971D31;
+      }
+    }
   }
 }
 .row.editor {
diff --git a/views/site_files/text_editor.erb b/views/site_files/text_editor.erb
index d8f32997..7282304f 100644
--- a/views/site_files/text_editor.erb
+++ b/views/site_files/text_editor.erb
@@ -72,8 +72,11 @@
       <a id="saveButton" class="btn btn-Action" href="#" onclick="saveTextFile(false); return false" style="opacity: 0.5"><i class="fa fa-save"></i>Save</a>
       <a class="btn btn-Action" href="//<%= current_site.host %>/<%= @filename %>" target="_blank">View</a>
     <!-- <a id="saveAndExitButton" class="btn-Action" href="#" onclick="saveTextFile(true); return false" style="opacity: 0.5"><i class="fa fa-save"></i>&nbsp;&nbsp;Save and Exit</a> -->
-      <div id="editorUpdates" class="alert alert-success hidden">
-        <span></span>
+      <div id="editorUpdates" class="tooltip fade bottom in hidden" style="top: 90px;right: 46px;">
+        <div class="tooltip-arrow"></div>
+        <div class="tooltip-inner">
+          <span></span>
+        </div>
       </div>
     </div>
   </div>
@@ -132,6 +135,7 @@
           }
           
         } else {
+          $('#saveButton').tooltip('show')
           $('#editorUpdates span').text(response)
         }
         $('#editorUpdates').fadeIn()