diff --git a/src/pages/user-profile/[userId].tsx b/src/pages/user-profile/[userId].tsx
index e1b7a9dc..afa71967 100644
--- a/src/pages/user-profile/[userId].tsx
+++ b/src/pages/user-profile/[userId].tsx
@@ -446,7 +446,8 @@ const TeacherProfile: React.FC<TeacherProfileProp> = ({
                 sx={{
                   fontSize: '14px',
                   lineHeight: '20px',
-                  minWidth: '100%',
+                  width: '100%',
+                  minWidth: '182px',
                   padding: '10px 24px 10px 16px',
                   gap: '8px',
                   borderRadius: '100px',
@@ -455,6 +456,7 @@ const TeacherProfile: React.FC<TeacherProfileProp> = ({
                   textAlign: 'center',
                   color: theme.palette.warning.A200,
                   border: `1px solid #4D4639`,
+                  maxWidth: '40%',
                 }}
                 onClick={handleOpenAddLearnerModal}
               >