From b3f26469c8d88ec690199a6efbe2bfd945f4067d Mon Sep 17 00:00:00 2001
From: Cyril <c.gromoff@gmail.com>
Date: Tue, 10 Mar 2026 12:01:32 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(frontend)=20fix=20hand=20icon=20an?=
 =?UTF-8?q?d=20queue=20position=20alignment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Use inline-flex with alignItems center so number and icon align vertically.
---
 CHANGELOG.md                                              | 4 ++++
 .../features/rooms/livekit/components/ParticipantTile.tsx | 8 +++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0a5f29ff..f5e825db 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,10 @@ and this project adheres to
 - ♿(frontend) improve chat toast a11y for screen readers #1109
 - ♿(frontend) improve ui and qria labels for help article links #1108
 
+### Fixed
+
+- 🐛(frontend) fix hand icon and queue position aligment and position #1119
+
 ## [1.10.0] - 2026-03-05
 
 ### Changed
diff --git a/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx b/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx
index 44d905a1..de6dab47 100644
--- a/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx
+++ b/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx
@@ -183,7 +183,13 @@ export const ParticipantTile: (
                       }}
                     >
                       {isHandRaised && !isScreenShare && (
-                        <span>
+                        <span
+                          style={{
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            gap: '0.1rem',
+                          }}
+                        >
                           <span>{positionInQueue}</span>
                           <RiHand
                             color="black"