diff --git a/erpnext/public/js/hub/components/ReviewArea.vue b/erpnext/public/js/hub/components/ReviewArea.vue
index fd2f1451cb..64057cd6ac 100644
--- a/erpnext/public/js/hub/components/ReviewArea.vue
+++ b/erpnext/public/js/hub/components/ReviewArea.vue
@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<div ref="review-area"></div>
+		<div ref="review-area" class="timeline-head"></div>
 	</div>
 </template>
 <script>
@@ -11,26 +11,20 @@ export default {
 	},
 	methods: {
 		make_input() {
-			this.comment_area = new frappe.ui.ReviewArea({
+			this.review_area = new frappe.ui.ReviewArea({
 				parent: this.$refs['review-area'],
 				mentions: [],
 				on_submit: this.on_submit_review.bind(this)
 			});
-
-			this.message_input = new frappe.ui.CommentArea({
-				parent: this.$refs['review-area'],
-				on_submit: (message) => {
-					this.message_input.reset();
-					this.$emit('change', message);
-				},
-				no_wrapper: true
-			});
 		},
 
 		on_submit_review(values) {
 			values.user = frappe.session.user;
 			values.username = frappe.session.user_fullname;
 
+			this.review_area.reset();
+			this.$emit('change', message);
+
 			hub.call('add_item_review', {
 				hub_item_code: this.hub_item_code,
 				review: JSON.stringify(values)
diff --git a/erpnext/public/js/hub/pages/Item.vue b/erpnext/public/js/hub/pages/Item.vue
index 48fde20314..5ce0bcfb26 100644
--- a/erpnext/public/js/hub/pages/Item.vue
+++ b/erpnext/public/js/hub/pages/Item.vue
@@ -28,7 +28,7 @@
 
 		</detail-view>
 
-		<!-- <review-area :hub_item_name="hub_item_name"></review-area> -->
+		<review-area :hub_item_name="hub_item_name"></review-area>
 	</div>
 </template>