diff --git a/components/RoomCard.tsx b/components/RoomCard.tsx
index ddb07d0..3f0b929 100644
--- a/components/RoomCard.tsx
+++ b/components/RoomCard.tsx
@@ -225,7 +225,7 @@ export default function RoomCard(props: IRoomCardProps) {
     <span
       className={`flex flex-col ${
         isUserInRoom ? " bg-white bg-opacity-80" : "bg-gray-300 bg-opacity-25"
-      }  rounded-lg justify-between w-96 max-w-screen-sm m-2 shrink-0 h-56`}
+      }  rounded-lg justify-between w-96 max-w-screen-sm m-2 shrink-0 h-[12rem]`}
     >
       {/* header */}
       <span className="flex flex-row justify-between items-baseline space-x-1 p-5 h-full">