diff --git a/src/langs/fa.json b/src/langs/fa.json
index cd88efa..ffa1f8e 100644
--- a/src/langs/fa.json
+++ b/src/langs/fa.json
@@ -483,7 +483,8 @@
     "user": "کاربر",
     "submit_role": "ثبت نقش",
     "title_role": "عنوان نقش",
-    "permissions": "دسترسی ها"
+    "permissions": "دسترسی ها",
+    "status_role": "وضعیت نقش"
   },
   "profile": {
     "account_user": "حساب کاربری",
diff --git a/src/pages/users/RoleCreate.tsx b/src/pages/users/RoleCreate.tsx
index bdfb34c..c25f015 100644
--- a/src/pages/users/RoleCreate.tsx
+++ b/src/pages/users/RoleCreate.tsx
@@ -3,6 +3,8 @@ import { useTranslation } from 'react-i18next'
 import Button from '../../components/Button'
 import { TickCircle } from 'iconsax-react'
 import Input from '../../components/Input'
+import CheckBoxComponent from '../../components/CheckBoxComponent'
+import SwitchComponent from '../../components/Switch'
 
 const RoleCreate: FC = () => {
 
@@ -41,15 +43,57 @@ const RoleCreate: FC = () => {
                             {t('user.permissions')}
                         </div>
 
-                        <div className='mt-5 flex'>
-
+                        <div className='mt-5 text-sm flex flex-wrap gap-5'>
+                            <div className='flex flex-1 min-w-[23%] items-center'>
+                                <CheckBoxComponent
+                                    checked
+                                    onChange={() => { }}
+                                />
+                                <div>{t('all')}</div>
+                            </div>
+                            <div className='flex flex-1 min-w-[23%] items-center'>
+                                <CheckBoxComponent
+                                    checked
+                                    onChange={() => { }}
+                                />
+                                <div>{t('all')}</div>
+                            </div>
+                            <div className='flex flex-1 min-w-[23%] items-center'>
+                                <CheckBoxComponent
+                                    checked
+                                    onChange={() => { }}
+                                />
+                                <div>{t('all')}</div>
+                            </div>
+                            <div className='flex flex-1 min-w-[23%] items-center'>
+                                <CheckBoxComponent
+                                    checked
+                                    onChange={() => { }}
+                                />
+                                <div>{t('all')}</div>
+                            </div>
+                            <div className='flex flex-1 min-w-[23%] items-center'>
+                                <CheckBoxComponent
+                                    checked
+                                    onChange={() => { }}
+                                />
+                                <div>{t('all')}</div>
+                            </div>
                         </div>
                     </div>
 
                 </div>
 
                 <div className='bg-white p-8 w-sidebar hidden xl:block rounded-3xl overflow-hidden relative'>
-
+                    <div className='flex justify-between items-center'>
+                        <div className='text-sm'>
+                            {t('user.status_role')}
+                        </div>
+                        <SwitchComponent
+                            active
+                            onChange={() => { }}
+                        />
+                    </div>
                 </div>
             </div>
         </div>