diff --git a/packages/admin-next/dashboard/src/components/common/divider/divider.tsx b/packages/admin-next/dashboard/src/components/common/divider/divider.tsx
index 4474797ae6..a91b46cef3 100644
--- a/packages/admin-next/dashboard/src/components/common/divider/divider.tsx
+++ b/packages/admin-next/dashboard/src/components/common/divider/divider.tsx
@@ -18,10 +18,16 @@ export const Divider = ({
       aria-orientation={orientation}
       role="separator"
       className={clx(
+        "border-ui-border-strong",
         {
-          "w-full border-t": orientation === "horizontal",
-          "h-full border-l": orientation === "vertical",
-          "border-dashed": variant === "dashed",
+          "w-full border-t":
+            orientation === "horizontal" && variant === "solid",
+          "h-full border-l": orientation === "vertical" && variant === "solid",
+          "bg-transparent": variant === "dashed",
+          "h-px w-full bg-[linear-gradient(90deg,var(--border-strong)_1px,transparent_1px)] bg-[length:4px_1px]":
+            variant === "dashed" && orientation === "horizontal",
+          "h-full w-px bg-[linear-gradient(0deg,var(--border-strong)_1px,transparent_1px)] bg-[length:1px_4px]":
+            variant === "dashed" && orientation === "vertical",
         },
         className
       )}