diff --git a/packages/strapi-admin/admin/src/components/Roles/Tabs/Tab.js b/packages/strapi-admin/admin/src/components/Roles/Tabs/Tab.js
index e95bb921be..5fdc8b033f 100644
--- a/packages/strapi-admin/admin/src/components/Roles/Tabs/Tab.js
+++ b/packages/strapi-admin/admin/src/components/Roles/Tabs/Tab.js
@@ -5,6 +5,9 @@ const Tab = styled.div`
   flex: 1;
   padding: 1rem;
   text-align: center;
+  border-top-left-radius: ${({ isFirst, theme }) =>
+    isFirst ? theme.main.sizes.borderRadius : '0'};
+  border-top-right-radius: ${({ isLast, theme }) => (isLast ? theme.main.sizes.borderRadius : '0')};
   ${({ isActive, theme }) =>
     isActive
       ? {
diff --git a/packages/strapi-admin/admin/src/components/Roles/Tabs/index.js b/packages/strapi-admin/admin/src/components/Roles/Tabs/index.js
index fb465d1d5e..3606485c18 100644
--- a/packages/strapi-admin/admin/src/components/Roles/Tabs/index.js
+++ b/packages/strapi-admin/admin/src/components/Roles/Tabs/index.js
@@ -32,6 +32,8 @@ const Tabs = ({ children, isLoading, tabsLabel }) => {
                 isActive={index === selectedTabIndex}
                 key={tab.id}
                 onClick={() => handleSelectedTab(index)}
+                isFirst={index === 0}
+                isLast={index === tabsLabel.length - 1}
               >
                 <Text fontWeight={index === selectedTabIndex ? 'bold' : 'semiBold'}>
                   {formatMessage({ id: tab.labelId, defaultMessage: tab.defaultMessage })}