diff --git a/front/packages/primitives/src/divider.tsx b/front/packages/primitives/src/divider.tsx
index e95c4c63..0feb5302 100644
--- a/front/packages/primitives/src/divider.tsx
+++ b/front/packages/primitives/src/divider.tsx
@@ -40,14 +40,14 @@ export const HR = ({
 					orientation === "vertical" && {
 						width: px(1),
 						height: "auto",
-						marginVertical: ts(1),
-						marginHorizontal: ts(2),
+						marginY: ts(1),
+						marginX: ts(2),
 					},
 					orientation === "horizontal" && {
 						height: px(1),
 						width: "auto",
-						marginHorizontal: ts(1),
-						marginVertical: ts(2),
+						marginX: ts(1),
+						marginY: ts(2),
 					},
 				],
 				props,
diff --git a/front/packages/primitives/src/icons.tsx b/front/packages/primitives/src/icons.tsx
index 8d8163d0..ba3d112a 100644
--- a/front/packages/primitives/src/icons.tsx
+++ b/front/packages/primitives/src/icons.tsx
@@ -83,6 +83,7 @@ export const IconButton = forwardRef(function IconButton<AsProps = PressableProp
 			focusRipple
 			{...(css(
 				{
+					alignSelf: "center",
 					p: ts(1),
 					m: px(2),
 					borderRadius: 9999,