From de59c854eb682234a5dad02b9e73888a82a9a918 Mon Sep 17 00:00:00 2001
From: shatfield4 <seanhatfield5@gmail.com>
Date: Wed, 1 Nov 2023 11:08:20 -0700
Subject: [PATCH] fix white border around user avatar

---
 frontend/src/components/UserIcon/index.jsx | 2 +-
 frontend/src/index.css                     | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/UserIcon/index.jsx b/frontend/src/components/UserIcon/index.jsx
index 7ea0b26fc76..40694606d33 100644
--- a/frontend/src/components/UserIcon/index.jsx
+++ b/frontend/src/components/UserIcon/index.jsx
@@ -16,7 +16,7 @@ export default function Jazzicon({ size = 10, user, role }) {
 
   return (
     <div
-      className={`flex ${role === "user" ? "border-2 rounded-full" : ""}`}
+      className={`flex ${role === "user" ? "user-reply" : ""}`}
       ref={divRef}
     />
   );
diff --git a/frontend/src/index.css b/frontend/src/index.css
index bd88e2b8afd..b0b8d613ad5 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -354,3 +354,7 @@ dialog::backdrop {
 
   top: 100%;
 }
+
+.user-reply>div:first-of-type {
+  border: 2px solid white;
+}
\ No newline at end of file