Center align hand raise.

src/tile/MediaView.module.css

@@ -106,6 +106,14 @@ unconditionally select the container so we can use cqmin units */
   max-inline-size: 100%;
 }
 
+.raisedHand > span {
+  width: var(--cpd-space-8x);
+  height: var(--cpd-space-8x);
+  display: inline-block;
+  text-align: center;
+  font-size: 22px;
+}
+
 .nameTag {
   grid-area: nameTag;
   padding: var(--cpd-space-1x);

src/tile/MediaView.tsx

@@ -90,18 +90,9 @@ export const MediaView = forwardRef<HTMLDivElement, Props>(
         <div className={styles.fg}>
           {raisedHand && (
             <div className={styles.raisedHand}>
-              <p
+              <span role="img" aria-label="raised hand">
-                role="img"
-                aria-label="raised hand"
-                style={{
-                  width: "22px",
-                  height: "0px",
-                  display: "inline-block",
-                  fontSize: "22px",
-                }}
-              >
                 ✋
-              </p>
+              </span>
             </div>
           )}
           <div className={styles.nameTag}>