diff --git a/frontend/src/component/strategies/CreateStrategy/CreateStrategy.tsx b/frontend/src/component/strategies/CreateStrategy/CreateStrategy.tsx
index d598202c3c..cd6d67404d 100644
--- a/frontend/src/component/strategies/CreateStrategy/CreateStrategy.tsx
+++ b/frontend/src/component/strategies/CreateStrategy/CreateStrategy.tsx
@@ -1,14 +1,14 @@
 import { useHistory } from 'react-router-dom';
-import useUiConfig from '../../../hooks/api/getters/useUiConfig/useUiConfig';
-import useToast from '../../../hooks/useToast';
-import FormTemplate from '../../common/FormTemplate/FormTemplate';
+import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
+import useToast from 'hooks/useToast';
+import FormTemplate from 'component/common/FormTemplate/FormTemplate';
 import { useStrategyForm } from '../hooks/useStrategyForm';
 import { StrategyForm } from '../StrategyForm/StrategyForm';
-import PermissionButton from '../../common/PermissionButton/PermissionButton';
-import { CREATE_STRATEGY } from '../../providers/AccessProvider/permissions';
-import useStrategiesApi from '../../../hooks/api/actions/useStrategiesApi/useStrategiesApi';
-import { useStrategies } from '../../../hooks/api/getters/useStrategies/useStrategies';
+import { CREATE_STRATEGY } from 'component/providers/AccessProvider/permissions';
+import useStrategiesApi from 'hooks/api/actions/useStrategiesApi/useStrategiesApi';
+import { useStrategies } from 'hooks/api/getters/useStrategies/useStrategies';
 import { formatUnknownError } from 'utils/format-unknown-error';
+import { CreateButton } from 'component/common/CreateButton/CreateButton';
 
 export const CreateStrategy = () => {
     const { setToastData, setToastApiError } = useToast();
@@ -90,9 +90,9 @@ export const CreateStrategy = () => {
                 setErrors={setErrors}
                 clearErrors={clearErrors}
             >
-                <PermissionButton permission={CREATE_STRATEGY} type="submit">
+                <CreateButton name="strategy" permission={CREATE_STRATEGY}>
                     Create strategy
-                </PermissionButton>
+                </CreateButton>
             </StrategyForm>
         </FormTemplate>
     );
diff --git a/frontend/src/component/strategies/EditStrategy/EditStrategy.tsx b/frontend/src/component/strategies/EditStrategy/EditStrategy.tsx
index dfcb040591..e2b998b911 100644
--- a/frontend/src/component/strategies/EditStrategy/EditStrategy.tsx
+++ b/frontend/src/component/strategies/EditStrategy/EditStrategy.tsx
@@ -4,12 +4,12 @@ import useToast from 'hooks/useToast';
 import FormTemplate from 'component/common/FormTemplate/FormTemplate';
 import { useStrategyForm } from '../hooks/useStrategyForm';
 import { StrategyForm } from '../StrategyForm/StrategyForm';
-import PermissionButton from 'component/common/PermissionButton/PermissionButton';
-import { CREATE_STRATEGY } from 'component/providers/AccessProvider/permissions';
+import { UPDATE_STRATEGY } from 'component/providers/AccessProvider/permissions';
 import useStrategiesApi from 'hooks/api/actions/useStrategiesApi/useStrategiesApi';
 import { useStrategies } from 'hooks/api/getters/useStrategies/useStrategies';
 import { formatUnknownError } from 'utils/format-unknown-error';
 import useStrategy from 'hooks/api/getters/useStrategy/useStrategy';
+import { UpdateButton } from 'component/common/UpdateButton/UpdateButton';
 
 export const EditStrategy = () => {
     const { setToastData, setToastApiError } = useToast();
@@ -93,9 +93,7 @@ export const EditStrategy = () => {
                 setErrors={setErrors}
                 clearErrors={clearErrors}
             >
-                <PermissionButton permission={CREATE_STRATEGY} type="submit">
-                    Save
-                </PermissionButton>
+                <UpdateButton permission={UPDATE_STRATEGY} />
             </StrategyForm>
         </FormTemplate>
     );