diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Resources/components/operationComponents/OperationGovernance.jsx b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Resources/components/operationComponents/OperationGovernance.jsx
index aac1ef66c93..9da58041f36 100644
--- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Resources/components/operationComponents/OperationGovernance.jsx
+++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Resources/components/operationComponents/OperationGovernance.jsx
@@ -134,7 +134,7 @@ export default function OperationGovernance(props) {
             <Grid item md={1} />
             <Grid item md={5}>
                 {componentValidator.includes('operationLevelRateLimiting') &&
-                    <Box display='flex' flexDirection='row' alignItems='flex-start'>
+                    <Box display='flex' flexDirection='row' alignItems='center'>
                         <TextField
                             select
                             fullWidth={!isOperationRateLimiting}
@@ -161,9 +161,7 @@ export default function OperationGovernance(props) {
                                             <Box
                                                 fontWeight='fontWeightBold'
                                                 display='inline'
-                                                color='primary.main'
-                                                cursor='pointer'
-                                                sx ={{ marginLeft: '4px' }}
+                                                sx={{ marginLeft: '4px' }}
                                             >
                                                 <FormattedMessage
                                                     id={'Apis.Details.Resources.components.operationComponents.'
@@ -199,7 +197,7 @@ export default function OperationGovernance(props) {
                                                 defaultMessage='Use'
                                             />
                                             {' '}
-                                            <Box fontWeight='fontWeightBold' display='inline' color='primary.main'>
+                                            <Box fontWeight='fontWeightBold' display='inline'>
                                                 <FormattedMessage
                                                     id={'Apis.Details.Resources.components.operationComponents.'
                                 + 'OperationGovernance.rate.limiting.helperText.section2'}
@@ -244,7 +242,17 @@ export default function OperationGovernance(props) {
                             ))}
                         </TextField>
                         {!isOperationRateLimiting && (
-                            <Button onClick={scrollToTop}>
+                            <Button
+                                onClick={scrollToTop}
+                                variant='text'
+                                size='small'
+                                sx={{
+                                    ml: 1,
+                                    mb: 1,
+                                    textTransform: 'none',
+                                    minWidth: 'auto'
+                                }}
+                            >
                                 <FormattedMessage
                                     id={
                                         'Apis.Details.Resources.components.operationComponents.'