diff --git a/src/containers/my-cooperations/cooperation-details/CooperationDetails.styles.ts b/src/containers/my-cooperations/cooperation-details/CooperationDetails.styles.ts
index 25117be72..a8e8307e7 100644
--- a/src/containers/my-cooperations/cooperation-details/CooperationDetails.styles.ts
+++ b/src/containers/my-cooperations/cooperation-details/CooperationDetails.styles.ts
@@ -7,9 +7,16 @@ export const styles = {
       typography: TypographyVariantEnum.H5,
       mb: '24px',
       mt: '16px',
-      width: { sm: '100%', md: '70%' }
+      width: { sm: '100%' },
+      position: 'relative',
+      top: '5px'
     }
   },
+  header: {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '30px'
+  },
   notesSidebar: {
     '& .MuiDrawer-root': {
       position: 'absolute'
diff --git a/src/containers/my-cooperations/cooperation-details/CooperationDetails.tsx b/src/containers/my-cooperations/cooperation-details/CooperationDetails.tsx
index 3fe9b1ba3..c3d8e91f3 100644
--- a/src/containers/my-cooperations/cooperation-details/CooperationDetails.tsx
+++ b/src/containers/my-cooperations/cooperation-details/CooperationDetails.tsx
@@ -127,7 +127,7 @@ const CooperationDetails = () => {
 
   return (
     <PageWrapper>
-      <Box>
+      <Box sx={styles.header}>
         <StatusChip status={response.status} />
         <TitleWithDescription
           key={crypto.randomUUID()}