From 951e39a8f7fa40ecf562570aea9c003cf95a16de Mon Sep 17 00:00:00 2001
From: Jamie Kyle <113370520+jamiebuilds-signal@users.noreply.github.com>
Date: Thu, 18 Jan 2024 15:23:58 -0800
Subject: [PATCH] Fix multiple attachments border radius in RTL

---
 ts/components/conversation/Image.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/ts/components/conversation/Image.tsx b/ts/components/conversation/Image.tsx
index eeb05991cf..6ab482d082 100644
--- a/ts/components/conversation/Image.tsx
+++ b/ts/components/conversation/Image.tsx
@@ -1,6 +1,7 @@
 // Copyright 2018 Signal Messenger, LLC
 // SPDX-License-Identifier: AGPL-3.0-only
 
+import type { CSSProperties } from 'react';
 import React, { useCallback, useMemo } from 'react';
 import classNames from 'classnames';
 import { Blurhash } from 'react-blurhash';
@@ -91,11 +92,11 @@ export function Image({
 
   const resolvedBlurHash = blurHash || defaultBlurHash(theme);
 
-  const curveStyles = {
-    borderTopLeftRadius: curveTopLeft || CurveType.None,
-    borderTopRightRadius: curveTopRight || CurveType.None,
-    borderBottomLeftRadius: curveBottomLeft || CurveType.None,
-    borderBottomRightRadius: curveBottomRight || CurveType.None,
+  const curveStyles: CSSProperties = {
+    borderStartStartRadius: curveTopLeft || CurveType.None,
+    borderStartEndRadius: curveTopRight || CurveType.None,
+    borderEndStartRadius: curveBottomLeft || CurveType.None,
+    borderEndEndRadius: curveBottomRight || CurveType.None,
   };
 
   const canClick = useMemo(() => {