diff --git a/app/config/assets/css/odk-survey.css b/app/config/assets/css/odk-survey.css
index 3fcb18cfa..9e5c2cf11 100644
--- a/app/config/assets/css/odk-survey.css
+++ b/app/config/assets/css/odk-survey.css
@@ -632,3 +632,29 @@ Eventually we should make a jqm theme for this.
     margin-right:50px;
 }
 
+.savepoints.finalized {
+    display: flex;
+    text-align: center;
+    align-items: center;
+    width: fit-content;
+    padding: 16px;
+    justify-content: center;
+    color: #1CCB3D;
+    background-color: #F0FDF2;
+    height: 40px;
+    border-radius: 15px
+}
+
+.savepoints.incomplete {
+    display: flex;
+    text-align: center;
+    align-items: center;
+    width: fit-content;
+    padding: 16px;
+    justify-content: center;
+    color: #DF961F;
+    background-color: #FCF8EA;
+    height: 40px;
+    border-radius: 15px
+}
+
diff --git a/app/system/survey/js/prompts.js b/app/system/survey/js/prompts.js
index b4710dc67..da12282d7 100644
--- a/app/system/survey/js/prompts.js
+++ b/app/system/survey/js/prompts.js
@@ -623,9 +623,11 @@ promptTypes.instances = promptTypes.base.extend({
                     if ( savepoint_type === opendatakit.savepoint_type_complete ) {
                         term.savepoint_type_text = that.savepoint_type_finalized_text;
 						term.is_checkpoint = false;
+						term.status_class = 'finalized';
                     } else if ( savepoint_type === opendatakit.savepoint_type_incomplete ) {
                         term.savepoint_type_text = that.savepoint_type_incomplete_text;
 						term.is_checkpoint = false;
+						term.status_class = 'incomplete';
                     } else {
                         term.savepoint_type_text = that.savepoint_type_checkpoint_text;
 						term.is_checkpoint = true;
diff --git a/app/system/survey/templates/instances.handlebars b/app/system/survey/templates/instances.handlebars
index 6bdc43c7c..ba3efa7b5 100644
--- a/app/system/survey/templates/instances.handlebars
+++ b/app/system/survey/templates/instances.handlebars
@@ -31,7 +31,8 @@
                                 <p><strong>{{display_field}}</strong></p>
 								{{{localizeText ../display.instances_last_save_date_label}}}
                                 <p>{{savepoint_timestamp}}</p>
-								<p><strong>{{localizeText savepoint_type_text}}</strong></p>
+								<p class="savepoints {{status_class}}"><strong>{{localizeText savepoint_type_text}}</strong></p>
+
 								{{#if is_checkpoint}}
 									<span class="glyphicon glyphicon-warning-sign"></span></p>
 								{{/if}}