diff --git a/finished-files/gatsby/src/styles/MenuItemStyles.js b/finished-files/gatsby/src/styles/MenuItemStyles.js
index 4af04bfc..0f4927d8 100644
--- a/finished-files/gatsby/src/styles/MenuItemStyles.js
+++ b/finished-files/gatsby/src/styles/MenuItemStyles.js
@@ -8,6 +8,7 @@ const MenuItemStyles = styled.div`
   align-content: center;
   align-items: center;
   position: relative;
+  max-height: 100px;
   .gatsby-image-wrapper {
     grid-row: span 2;
     height: 100%;
diff --git a/finished-files/gatsby/src/styles/OrderStyles.js b/finished-files/gatsby/src/styles/OrderStyles.js
index 61c0dc4f..747c1e6e 100644
--- a/finished-files/gatsby/src/styles/OrderStyles.js
+++ b/finished-files/gatsby/src/styles/OrderStyles.js
@@ -21,6 +21,7 @@ const OrderStyles = styled.form`
     &.order,
     &.menu {
       grid-column: span 1;
+      align-content: flex-start;
       /* Chrome is weird about Grid and fieldsets, so we add a fixed height to fix it :)  */
       height: 600px;
     }