diff --git a/packages/core/ui/styling/style-properties.ts b/packages/core/ui/styling/style-properties.ts
index 8e04803b1..f4704b64a 100644
--- a/packages/core/ui/styling/style-properties.ts
+++ b/packages/core/ui/styling/style-properties.ts
@@ -876,7 +876,7 @@ function parseBorderColor(value: string): { top: Color; right: Color; bottom: Co
 		bottom: undefined,
 		left: undefined,
 	};
-	if (value.indexOf('rgb') === 0) {
+	if (value.indexOf('rgb') === 0 || value.indexOf('hsl') === 0) {
 		result.top = result.right = result.bottom = result.left = new Color(value);
 
 		return result;