From fe981b782960d870a42958f6f15c0c57344c3f1c Mon Sep 17 00:00:00 2001
From: Richard Dominick <34370238+RichDom2185@users.noreply.github.com>
Date: Fri, 28 Oct 2022 01:33:48 +0800
Subject: [PATCH] Fix gap between tags

Co-authored-by: Tan Yi Xian <>
---
 src/main/java/seedu/foodrem/views/TagsWithMessageView.java | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/main/java/seedu/foodrem/views/TagsWithMessageView.java b/src/main/java/seedu/foodrem/views/TagsWithMessageView.java
index 66e2fe243ed..2a42d4cc36f 100644
--- a/src/main/java/seedu/foodrem/views/TagsWithMessageView.java
+++ b/src/main/java/seedu/foodrem/views/TagsWithMessageView.java
@@ -3,7 +3,7 @@
 import javafx.scene.Node;
 import javafx.scene.control.Label;
 import javafx.scene.control.Separator;
-import javafx.scene.layout.HBox;
+import javafx.scene.layout.FlowPane;
 import javafx.scene.layout.VBox;
 import seedu.foodrem.viewmodels.TagsWithMessage;
 
@@ -29,8 +29,9 @@ public static Node from(TagsWithMessage tagsWithMessage) {
         messageView.setWrapText(true);
         final Separator separator = new Separator();
         separator.getStyleClass().add("lined-separator");
-        final HBox itemView = new HBox(TagsView.from(tagsWithMessage.getTags()));
-        itemView.setSpacing(SPACING_UNIT);
+        final FlowPane itemView = new FlowPane(TagsView.from(tagsWithMessage.getTags()));
+        itemView.setVgap(SPACING_UNIT);
+        itemView.setHgap(SPACING_UNIT);
 
         container.getChildren().addAll(messageView, separator, itemView);
         return container;