diff --git a/frontend/src/components/UserIcon/index.jsx b/frontend/src/components/UserIcon/index.jsx
index 7ea0b26fc766cec7519ebe4a8ded55df5a6520ca..40694606d33fef5c2dd64411e2e9d86918d3b318 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 bd88e2b8afd5cc5d9712526e4e9700fdab1ff577..b0b8d613ad5b3998c97d21546f6538ad6af31f19 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