diff --git a/frontend/app/src/components/styles.css b/frontend/app/src/components/styles.css
index 8e9fe4f..270fe47 100644
--- a/frontend/app/src/components/styles.css
+++ b/frontend/app/src/components/styles.css
@@ -112,7 +112,7 @@
 
 .anon-card {
   display: flex;
-  flex-flow: row nowrap;
+  flex-flow: row wrap;
   align-items: center;
   animation: 0.3s ease-out 0s 1 cardPopup;
   background: #001d39;
diff --git a/frontend/app/src/components/user/AnonUserCard.tsx b/frontend/app/src/components/user/AnonUserCard.tsx
index 4b94f14..4dce7ba 100644
--- a/frontend/app/src/components/user/AnonUserCard.tsx
+++ b/frontend/app/src/components/user/AnonUserCard.tsx
@@ -87,14 +87,12 @@ const AnonUserCard = (props: {
           </span>
         )}
       {props.queueUser &&
-      clientId === props.queueUser.user.id &&
-      props.queueUser.position === 0 &&
-      props.queue?.status === "active" ? (
-        <Button onClick={() => passQueue()}>{tr("Pass")}</Button>
-      ) : (
-        <Button onClick={() => passQueue()}>{tr("Leave")}</Button>
-      )}
-      <p></p>
+        clientId === props.queueUser.user.id &&
+        (props.queueUser.position === 0 && props.queue?.status === "active" ? (
+          <Button onClick={() => passQueue()}>{tr("Pass")}</Button>
+        ) : (
+          <Button onClick={() => passQueue()}>{tr("Leave")}</Button>
+        ))}
     </div>
   );
 };