diff --git a/ui/src/components/Avatar/index.tsx b/ui/src/components/Avatar/index.tsx
index f5616c850..357beb0cb 100644
--- a/ui/src/components/Avatar/index.tsx
+++ b/ui/src/components/Avatar/index.tsx
@@ -54,7 +54,7 @@ const Index: FC<IProps> = ({
   }
 
   const roundedCls =
-    className && className.indexOf('rounded') !== -1 ? '' : 'rounded';
+    className && className.indexOf('rounded') !== -1 ? '' : 'rounded-circle';
 
   return (
     <>
diff --git a/ui/src/components/QuestionList/index.tsx b/ui/src/components/QuestionList/index.tsx
index 7585c52a2..5399da709 100644
--- a/ui/src/components/QuestionList/index.tsx
+++ b/ui/src/components/QuestionList/index.tsx
@@ -144,7 +144,7 @@ const QuestionList: FC<Props> = ({
                     <BaseUserCard
                       data={li.operator}
                       className="me-1"
-                      avatarClass="me-2"
+                      avatarClass="me-1"
                     />
                     •
                     <FormatTime