Fix button placement in mobile size

components/Button/index.scss

@@ -42,6 +42,10 @@
     .Text {
       font-size: $font-small;
       font-weight: $bold;
+
+      @include breakpoint(phone) {
+        display: none;
+      }
     }
   }
 

components/PartyDetails/index.scss

@@ -258,7 +258,6 @@
   }
 
   .PartyInfo {
-    align-items: center;
     box-sizing: border-box;
     display: flex;
     flex-direction: row;
@@ -269,10 +268,12 @@
     width: 100%;
 
     @include breakpoint(phone) {
+      flex-direction: column;
+      gap: $unit-2x;
       padding: 0 $unit;
     }
 
-    .Left {
+    & > .Left {
       flex-grow: 1;
 
       .Header {
@@ -316,6 +317,17 @@
       }
     }
 
+    @include breakpoint(phone) {
+      .Right .Button {
+        justify-content: center;
+        width: 100%;
+
+        .Text {
+          width: auto;
+        }
+      }
+    }
+
     .user {
       align-items: center;
       display: inline-flex;