diff --git a/webapp/components/Comment/Comment.vue b/webapp/components/Comment/Comment.vue
index abb1ff4eb..a7be75b10 100644
--- a/webapp/components/Comment/Comment.vue
+++ b/webapp/components/Comment/Comment.vue
@@ -60,6 +60,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
+import { COMMENT_MAX_UNTRUNCATED_LENGTH, COMMENT_TRUNCATE_TO_LENGTH } from '~/constants/comment'
 import HcUser from '~/components/User/User'
 import ContentMenu from '~/components/ContentMenu'
 import ContentViewer from '~/components/Editor/ContentViewer'
@@ -98,11 +99,11 @@ export default {
       isModerator: 'auth/isModerator',
     }),
     isLongComment() {
-      return this.$filters.removeHtml(this.comment.content).length > 180
+      return this.$filters.removeHtml(this.comment.content).length > COMMENT_MAX_UNTRUNCATED_LENGTH
     },
     commentContent() {
       if (this.isLongComment && this.isCollapsed) {
-        return this.$filters.truncate(this.comment.content, 180)
+        return this.$filters.truncate(this.comment.content, COMMENT_TRUNCATE_TO_LENGTH)
       }
 
       return this.comment.content
diff --git a/webapp/constants/comment.js b/webapp/constants/comment.js
index bab79ad37..09d6ed9ea 100644
--- a/webapp/constants/comment.js
+++ b/webapp/constants/comment.js
@@ -1 +1,3 @@
 export const COMMENT_MIN_LENGTH = 1
+export const COMMENT_MAX_UNTRUNCATED_LENGTH = 300
+export const COMMENT_TRUNCATE_TO_LENGTH = 180