diff --git a/frontend/src/components/UserIcon/index.jsx b/frontend/src/components/UserIcon/index.jsx
index 7ea0b26f..40694606 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 bd88e2b8..b0b8d613 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