diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3daabd7f..41cdf26b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 2.1.25
+
+- Orderstatus button ui changes
+
 ## 2.1.24
 
 - Fix image rerender bug
diff --git a/package.json b/package.json
index d0869acc..918d64ba 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@catena-x/portal-shared-components",
-  "version": "2.1.24",
+  "version": "2.1.25",
   "description": "Catena-X Portal Shared Components",
   "author": "Catena-X Contributors",
   "license": "Apache-2.0",
diff --git a/src/components/basic/OrderStatusButton/index.tsx b/src/components/basic/OrderStatusButton/index.tsx
index 0e8080b9..1dca6af9 100644
--- a/src/components/basic/OrderStatusButton/index.tsx
+++ b/src/components/basic/OrderStatusButton/index.tsx
@@ -63,11 +63,11 @@ export const OrderStatusButton = ({
       <Button
         key={numberLabel}
         sx={{
-          width: '80%',
+          width: '28%',
           position: 'relative',
           zIndex,
-          paddingLeft: '74px',
-          marginLeft: '-50px',
+          paddingLeft: '50px',
+          marginLeft: '-40px',
           color: '#2a2a2a',
           background,
           height: '55px',
@@ -106,7 +106,12 @@ export const OrderStatusButton = ({
             {numberLabel}
           </Typography>
         )}
-        <Typography variant="label5">{buttonLabel}</Typography>
+        <Typography
+          variant="body2"
+          sx={{
+            fontSize: '11px'
+          }}
+        >{buttonLabel}</Typography>
       </Button>
     )
   }
@@ -114,7 +119,6 @@ export const OrderStatusButton = ({
   return (
     <Box
       sx={{
-        display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
         width: '100%',
@@ -127,7 +131,6 @@ export const OrderStatusButton = ({
         onClick={handleClick}
         sx={{
           fontSize: '16px',
-          width: '100%',
           position: 'relative',
           zIndex: '5',
           cursor: selectable ? 'pointer' : 'default',