fixing more quick ui things

components/Dashboard/Rooms.tsx

@@ -232,18 +232,19 @@ export default function DashboardRoom() {
             value={selectedTabPane}
             onChange={(e) => setSelectedTabPane(e.target.value)}
           >
-            <Radio.Button value={RoomTypeFilter.team}>
-              {RoomTypeFilter.team}{" "}
-              <span className="text-xs text-orange-500">
-                {teamRooms.length}
-              </span>
-            </Radio.Button>
             <Radio.Button value={RoomTypeFilter.me}>
               {RoomTypeFilter.me}{" "}
               <span className="text-xs text-orange-500">
                 {meRooms.length > 0 ? meRooms.length : ""}
               </span>
             </Radio.Button>
+            <Radio.Button value={RoomTypeFilter.team}>
+              {RoomTypeFilter.team}{" "}
+              <span className="text-xs text-orange-500">
+                {teamRooms.length}
+              </span>
+            </Radio.Button>
+
             <Radio.Button value={RoomTypeFilter.live}>
               {RoomTypeFilter.live}{" "}
               <span className="text-xs text-orange-500">

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 overflow-clip`}
+      }  rounded-lg justify-between w-96 max-w-screen-sm m-2 overflow-clip h-56`}
     >
       {/* header */}
       <span className="flex flex-row justify-between items-baseline space-x-1 p-5 h-full">