diff --git a/src/App.vue b/src/App.vue
index f08b43c57de68e52597e35becd5a207afd79e16b..08e7ac435cb59448ecf284f6b2db12758a862919 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
     <main>
       <div class="mr-0 d-flex">
         <SidebarMenu class="mr-2" />
-        <RouterView class="d-flex container-fluid mx-5" />
+        <RouterView class="container-fluid mx-5" />
       </div> 
     </main>
     <!--DevFooter /-->
diff --git a/src/modules/project/pages/ProjectPage.vue b/src/modules/project/pages/ProjectPage.vue
index ae15da9b55f6f94652a3e29038644f77475658a4..fa52775de53d0ce0cf47dc8713ac22961ba09e81 100644
--- a/src/modules/project/pages/ProjectPage.vue
+++ b/src/modules/project/pages/ProjectPage.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <b-row>
+    <b-row align-h="between">
       <!-- Resources -->
       <b-col id="resources">
         <CoscineHeadline :headline="$parent.$tc('page.project.resource', 2)" />
@@ -30,7 +30,7 @@
       </b-col>
 
       <!-- Members -->
-      <b-col id="members" sm="3">
+      <b-col id="members">
         <Members v-if="project"/>
       </b-col>
     </b-row>
@@ -182,3 +182,16 @@ export default defineComponent({
   },
 });
 </script>
+
+<style scoped>
+#resources {
+  /* Forces Members list to collapse down to 
+  a new row at after certain window width */
+  min-width: 22rem;
+}
+
+#members {
+  /* Prevents Members list to become wider */
+  max-width: 27rem;
+}
+</style>