diff --git a/components/Comment.spec.js b/components/Comment.spec.js
index e76585e72..4c41d6119 100644
--- a/components/Comment.spec.js
+++ b/components/Comment.spec.js
@@ -62,6 +62,11 @@ describe('Comment.vue', () => {
           expect(wrapper.text()).not.toMatch('comment content')
         })
 
+        it('has no "disabled-content" css class', () => {
+          const wrapper = Wrapper()
+          expect(wrapper.classes()).not.toContain('disabled-content')
+        })
+
         it('translates a placeholder', () => {
           const wrapper = Wrapper()
           const calls = mocks.$t.mock.calls
@@ -79,7 +84,7 @@ describe('Comment.vue', () => {
             expect(wrapper.text()).toMatch('comment content')
           })
 
-          it('visually distinguishable', () => {
+          it('has a "disabled-content" css class', () => {
             const wrapper = Wrapper()
             expect(wrapper.classes()).toContain('disabled-content')
           })
diff --git a/components/Comment.vue b/components/Comment.vue
index ef801acab..26d834d5b 100644
--- a/components/Comment.vue
+++ b/components/Comment.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="{'comment': true, 'disabled-content': deleted}">
+  <div :class="{'comment': true, 'disabled-content': (deleted && isModerator)}">
     <div v-if="displaysComment">
       <ds-space
         margin-bottom="x-small"