From 36ac8607a953c4d41a537cc8aa2d817d6fa7b8f2 Mon Sep 17 00:00:00 2001
From: Som Gupta <78577376+knownotunknown@users.noreply.github.com>
Date: Fri, 22 Mar 2024 11:34:25 -0500
Subject: [PATCH] refactor: updated styling of conflict component to match
 figma (#190)

* refactor: updated styling of conflict component to match figma

* style: ran prettier

* refactor: slightly

---------

Co-authored-by: Razboy20 <razboy20@gmail.com>
---
 src/views/components/common/ConflictsWithWarning.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/components/common/ConflictsWithWarning.tsx b/src/views/components/common/ConflictsWithWarning.tsx
index b4055e5c..7284bdf6 100644
--- a/src/views/components/common/ConflictsWithWarning.tsx
+++ b/src/views/components/common/ConflictsWithWarning.tsx
@@ -23,12 +23,17 @@ export default function ConflictsWithWarning({ className, conflicts }: Conflicts
             variant='mini'
             className={clsx(
                 className,
-                'min-w-21 w-21 flex flex-col items-start gap-2.5 rounded bg-[#AF2E2D] p-2.5 text-white'
+                'min-w-21 w-21 flex flex-col items-start gap-2.5 rounded bg-theme-red p-2.5 text-white'
             )}
         >
             <div>Conflicts With:</div>
             {conflicts.map(course => (
-                <div>{`${course.department} ${course.number} (${course.uniqueId})`}</div>
+                <div>
+                    <Text as='strong' variant='mini' className='font-bold!'>
+                        {course.department} {course.number}
+                    </Text>{' '}
+                    ({course.uniqueId})
+                </div>
             ))}
         </Text>
     );