diff --git a/backend/public/js/app.js b/backend/public/js/app.js
index 6cfcbaee..39f7eb06 100644
--- a/backend/public/js/app.js
+++ b/backend/public/js/app.js
@@ -28941,7 +28941,7 @@ var Child = function Child() {
                       className: "user-avatar",
                       children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img", {
                         alt: "name",
-                        className: "avatar-img",
+                        className: "avatar-img rounded-circle",
                         src: child.image
                       })
                     }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
@@ -29711,7 +29711,7 @@ var MeetingDetail = function MeetingDetail(props) {
                               className: "avatar",
                               children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("img", {
                                 alt: "name",
-                                className: "avatar-img",
+                                className: "avatar-img rounded-circle",
                                 src: x.child.image
                               })
                             })
@@ -30670,7 +30670,7 @@ var Meeting = function Meeting() {
                                 className: "avatar",
                                 children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", _defineProperty({
                                   alt: "name",
-                                  className: "avatar-img",
+                                  className: "avatar-img rounded-circle",
                                   src: x.child.image
                                 }, "alt", x.child.image))
                               })
@@ -31678,7 +31678,7 @@ var Parent = function Parent() {
                       className: "user-avatar",
                       children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img", {
                         alt: "name",
-                        className: "avatar-img",
+                        className: "avatar-img rounded-circle",
                         src: father.image
                       })
                     }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
diff --git a/backend/resources/js/admin/child/index.jsx b/backend/resources/js/admin/child/index.jsx
index 1418c29b..69484c41 100644
--- a/backend/resources/js/admin/child/index.jsx
+++ b/backend/resources/js/admin/child/index.jsx
@@ -98,7 +98,7 @@ const Child = () => {
                         <Link to = {`/admin/child/detail/${child.id}`}>
                           <div className="user-wrap">
                             <div className="user-avatar">
-                              <img alt="name" className="avatar-img" src={ child.image } />
+                              <img alt="name" className="avatar-img rounded-circle" src={ child.image } />
                             </div>
                             <div className="user-info">
                               <p className="user-name mb-1 font-weight-bold">{ child.last_name }  { child.first_name }</p>
diff --git a/backend/resources/js/admin/meeting/detail.jsx b/backend/resources/js/admin/meeting/detail.jsx
index a1c956f4..d0a6c355 100644
--- a/backend/resources/js/admin/meeting/detail.jsx
+++ b/backend/resources/js/admin/meeting/detail.jsx
@@ -130,7 +130,7 @@ const MeetingDetail = (props) => {
                                 meeting.approval?.map((x, k)=>
                                   <li className="meeting-member__item" role="listitem" key={k}>
                                     <div className="avatar">
-                                      <img alt="name" className="avatar-img" src={x.child.image} />
+                                      <img alt="name" className="avatar-img rounded-circle" src={x.child.image} />
                                     </div>
                                   </li>
                                 )
diff --git a/backend/resources/js/admin/meeting/index.jsx b/backend/resources/js/admin/meeting/index.jsx
index 4856dd53..3e7e03b7 100644
--- a/backend/resources/js/admin/meeting/index.jsx
+++ b/backend/resources/js/admin/meeting/index.jsx
@@ -148,7 +148,7 @@ const Meeting = () => {
                                                 item.approval?.map((x, kj)=>
                                                 <li className="meeting-member__item" role="listitem" key={kj}>
                                                     <div className="avatar">
-                                                        <img alt="name" className="avatar-img" src={x.child.image} alt={x.child.image} />
+                                                        <img alt="name" className="avatar-img rounded-circle" src={x.child.image} alt={x.child.image} />
                                                     </div>
                                                 </li>
                                                 )
diff --git a/backend/resources/js/admin/parent/index.jsx b/backend/resources/js/admin/parent/index.jsx
index 215f7639..9f42fb4f 100644
--- a/backend/resources/js/admin/parent/index.jsx
+++ b/backend/resources/js/admin/parent/index.jsx
@@ -96,7 +96,7 @@ const Parent = () => {
                         <Link to = {`/admin/parent/detail/${father.id}`}>
                           <div className="user-wrap">
                             <div className="user-avatar">
-                              <img alt="name" className="avatar-img" src={ father.image } />
+                              <img alt="name" className="avatar-img rounded-circle" src={ father.image } />
                             </div>
                             <div className="user-info">
                               <p className="user-name mb-1 font-weight-bold">{ father.company }</p>