From 3b84161ec5b3979d97e2e6d69a66fc1ba00ea8da Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Sat, 9 Sep 2023 18:08:22 +0200
Subject: [PATCH] Fix some components style

---
 front/packages/primitives/src/divider.tsx | 8 ++++----
 front/packages/primitives/src/icons.tsx   | 1 +
 2 files changed, 5 insertions(+), 4 deletions(-)

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,