diff --git a/client/rsvp.js b/client/rsvp.js
index 711fb87..562206d 100644
--- a/client/rsvp.js
+++ b/client/rsvp.js
@@ -30,7 +30,7 @@ function createNewMember(id) {
   childInput.type = "checkbox";
   childInput.id = `child-${id}`;
   childInput.name = `child-${id}`;
-  childInput.style = 'font-size: 1rem';
+  childInput.style = "font-size: 1rem";
 
   const childInputDiv = document.createElement("div");
   childInputDiv.classList.add("fill-right");
@@ -40,15 +40,18 @@ function createNewMember(id) {
   childDiv.appendChild(childLabel);
   childDiv.appendChild(childInputDiv);
 
-  const dietDiv = document.createElement("p");
+  const dietDiv = document.createElement("div");
+  dietDiv.style = "flex-direction: column;";
 
   const dietLabel = document.createElement("label");
   dietLabel.htmlFor = `diet-${id}`;
   dietLabel.innerHTML = "Dietary preferences:";
+  dietLabel.style = "flex:1;";
 
   const dietInput = document.createElement("textarea");
   dietInput.id = `diet-${id}`;
   dietInput.name = `dietaryPreferences-${id}`;
+  dietInput.style = "flex:1;"
 
   dietDiv.appendChild(dietLabel);
   dietDiv.appendChild(dietInput);
diff --git a/client/style.css b/client/style.css
index 6049385..102e4c9 100644
--- a/client/style.css
+++ b/client/style.css
@@ -227,6 +227,7 @@ form#rsvps div.members div.member {
 form#rsvps div.members div.member div {
     display: flex;
     flex-direction: row;
+    width: 100%;
 }
 
 form#rsvps div.members div.member div.separator {