Fix call list styling

src/home/CallList.jsx

@@ -22,6 +22,8 @@ export function CallList({ rooms, client }) {
             participants={participants}
           />
         ))}
+        <div className={styles.callTileSpacer} />
+        <div className={styles.callTileSpacer} />
       </div>
     </>
   );

src/home/CallList.module.css

@@ -1,5 +1,13 @@
+.callTileSpacer,
 .callTile {
   width: 329px;
+}
+
+.callTileSpacer {
+  height: 0;
+}
+
+.callTile {
   height: 95px;
   padding: 12px;
   background-color: var(--bgColor2);
@@ -51,8 +59,8 @@
 }
 
 .callList {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, 329px);
+  display: flex;
+  flex-wrap: wrap;
   max-width: calc((329px + 24px) * 3);
   width: calc(100% - 48px);
   gap: 24px;

src/home/RegisteredView.module.css

@@ -1,7 +1,8 @@
 .form {
   padding: 0 24px;
   justify-content: center;
-  width: 409px;
+  max-width: 409px;
+  width: calc(100% - 48px);
   margin-bottom: 72px;
 }