From 1d143cb8b361229290fea62deb19bb76e2994429 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 1 Aug 2026 21:23:16 +0300
Subject: [PATCH] Fix group card tier image shrinking

---
 app/features/sendouq/components/GroupCard.module.css | 4 ++++
 app/features/sendouq/components/GroupCard.tsx        | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/features/sendouq/components/GroupCard.module.css b/app/features/sendouq/components/GroupCard.module.css
index d964e50b5..a4b34db06 100644
--- a/app/features/sendouq/components/GroupCard.module.css
+++ b/app/features/sendouq/components/GroupCard.module.css
@@ -40,6 +40,10 @@
 	color: var(--color-text);
 }
 
+.memberActions {
+	flex-shrink: 0;
+}
+
 .tier {
 	margin-inline-start: auto;
 }
diff --git a/app/features/sendouq/components/GroupCard.tsx b/app/features/sendouq/components/GroupCard.tsx
index 7d1c23ab3..b67d80e30 100644
--- a/app/features/sendouq/components/GroupCard.tsx
+++ b/app/features/sendouq/components/GroupCard.tsx
@@ -298,7 +298,12 @@ function GroupMember({
 						</span>
 					) : null}
 				</div>
-				<div className="ml-auto stack horizontal sm items-center">
+				<div
+					className={clsx(
+						"ml-auto stack horizontal sm items-center",
+						styles.memberActions,
+					)}
+				>
 					{showActions || displayOnly ? (
 						<MemberRoleManager
 							member={member}