From 1d6ea0ef0c3557c79604adc68413893d2a520196 Mon Sep 17 00:00:00 2001
From: sara-pervana <saramakishti@gmail.com>
Date: Thu, 25 Jan 2024 01:53:02 +0100
Subject: [PATCH] afain fixed tailwind classes

---
 pkgs/ui/src/components/sequence_diagram/index.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/pkgs/ui/src/components/sequence_diagram/index.tsx b/pkgs/ui/src/components/sequence_diagram/index.tsx
index 3bed9bd..4f4b55e 100644
--- a/pkgs/ui/src/components/sequence_diagram/index.tsx
+++ b/pkgs/ui/src/components/sequence_diagram/index.tsx
@@ -270,10 +270,19 @@ const SequenceDiagram = () => {
                           className="flex items-center gap-5 mb-8"
                         >
                           <Chip label={sequenceNr ? sequenceNr : ++index} />
-                          <Card className="p-2 w-full">
-                            <div className="flex justify-between mb-4">
+                          <Card style={{ padding: 10 }} className="w-full">
+                            <div
+                              style={{ marginBottom: 12 }}
+                              className="flex justify-between"
+                            >
                               <div>
-                                <span className="flex items-center gap-2 font-bold mb-4">
+                                <span
+                                  style={{
+                                    marginBottom: 12,
+                                    fontWeight: "bold",
+                                  }}
+                                  className="flex items-center gap-2"
+                                >
                                   {IconComponent} {groupName}{" "}
                                   <Chip label={msgType} />
                                 </span>