diff --git a/plugins/task-resources/src/components/state/DoneStateEditor.svelte b/plugins/task-resources/src/components/state/DoneStateEditor.svelte
index 4e89fa016f..76d59ff53a 100644
--- a/plugins/task-resources/src/components/state/DoneStateEditor.svelte
+++ b/plugins/task-resources/src/components/state/DoneStateEditor.svelte
@@ -52,7 +52,7 @@
         if (result) {
           value = result._id
           onChange(value)
-        } else if (result == null) {
+        } else if (result === null) {
           value = null
           onChange(value)
         }
@@ -65,6 +65,16 @@
   {#if state}
     <DoneStatePresenter value={state} showTitle />
   {:else}
+    <div class="color"/>
     <Label label={task.string.NoDoneState} />
   {/if}
 </div>
+<style lang="scss">
+  .color {
+    border: 0.5px #ffffff55 solid;
+    margin-right: 0.75rem;
+    width: .5rem;
+    height: .5rem;
+    border-radius: .5rem;
+  }
+</style>
\ No newline at end of file
diff --git a/plugins/task-resources/src/components/state/DoneStatesPopup.svelte b/plugins/task-resources/src/components/state/DoneStatesPopup.svelte
index cd7b3b90de..19d362917e 100644
--- a/plugins/task-resources/src/components/state/DoneStatesPopup.svelte
+++ b/plugins/task-resources/src/components/state/DoneStatesPopup.svelte
@@ -60,9 +60,8 @@
         dispatch('close', null)
       }}
     >
-      <div class='not-done'>
-        <Label label={task.string.NoDoneState}/>
-      </div>
+      <div class="color" style="border: 0.5px #ffffff55 solid"/>
+      <Label label={task.string.NoDoneState}/>
     </div>
 </div>