diff --git a/app/src/main/java/org/fossasia/openevent/general/attendees/AttendeeFragment.kt b/app/src/main/java/org/fossasia/openevent/general/attendees/AttendeeFragment.kt
index 62068ae9e..d72889bd6 100644
--- a/app/src/main/java/org/fossasia/openevent/general/attendees/AttendeeFragment.kt
+++ b/app/src/main/java/org/fossasia/openevent/general/attendees/AttendeeFragment.kt
@@ -16,7 +16,6 @@ import android.view.ViewGroup
 import android.widget.AdapterView
 import android.widget.ArrayAdapter
 import android.widget.EditText
-import android.widget.Toast
 import androidx.appcompat.app.AppCompatActivity
 import androidx.core.view.isVisible
 import androidx.fragment.app.Fragment
@@ -24,6 +23,7 @@ import androidx.lifecycle.Observer
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
 import androidx.navigation.Navigation.findNavController
+import com.google.android.material.snackbar.Snackbar
 import com.google.android.material.textfield.TextInputLayout
 import com.stripe.android.Stripe
 import com.stripe.android.TokenCallback
@@ -37,6 +37,7 @@ import kotlinx.android.synthetic.main.fragment_attendee.firstName
 import kotlinx.android.synthetic.main.fragment_attendee.helloUser
 import kotlinx.android.synthetic.main.fragment_attendee.lastName
 import kotlinx.android.synthetic.main.fragment_attendee.postalCode
+import kotlinx.android.synthetic.main.fragment_attendee.view.attendeeCoordinatorLayout
 import kotlinx.android.synthetic.main.fragment_attendee.view.accept
 import kotlinx.android.synthetic.main.fragment_attendee.view.amount
 import kotlinx.android.synthetic.main.fragment_attendee.view.attendeeInformation
@@ -273,7 +274,7 @@ class AttendeeFragment : Fragment() {
         attendeeViewModel.message
             .nonNull()
             .observe(this, Observer {
-                Toast.makeText(context, it, Toast.LENGTH_LONG).show()
+                Snackbar.make(rootView.attendeeCoordinatorLayout, it, Snackbar.LENGTH_LONG).show()
             })
 
         attendeeViewModel.progress
@@ -420,7 +421,9 @@ class AttendeeFragment : Fragment() {
 
         val validDetails: Boolean? = card.validateCard()
         if (validDetails != null && !validDetails)
-            Toast.makeText(context, "Invalid card data", Toast.LENGTH_LONG).show()
+            Snackbar.make(
+                rootView.attendeeCoordinatorLayout, "Invalid card data", Snackbar.LENGTH_SHORT
+            ).show()
         else
             Stripe(requireContext())
                 .createToken(card, API_KEY, object : TokenCallback {
@@ -431,7 +434,9 @@ class AttendeeFragment : Fragment() {
                     }
 
                     override fun onError(error: Exception) {
-                        Toast.makeText(context, error.localizedMessage.toString(), Toast.LENGTH_LONG).show()
+                        Snackbar.make(
+                            rootView.attendeeCoordinatorLayout, error.localizedMessage.toString(), Snackbar.LENGTH_LONG
+                        ).show()
                     }
                 })
     }
diff --git a/app/src/main/res/layout/fragment_attendee.xml b/app/src/main/res/layout/fragment_attendee.xml
index 18de60dc8..5ea3426bd 100644
--- a/app/src/main/res/layout/fragment_attendee.xml
+++ b/app/src/main/res/layout/fragment_attendee.xml
@@ -5,287 +5,192 @@
     android:layout_height="match_parent"
     android:background="@android:color/white">
 
-    <LinearLayout
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
+        android:id="@+id/attendeeCoordinatorLayout"
         android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        android:background="@android:color/white"
-        android:orientation="vertical"
-        android:padding="@dimen/padding_payment"
-        tools:context="org.fossasia.openevent.general.attendees.AttendeeFragment">
-
-        <TextView
-            android:id="@+id/eventName"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:textColor="@color/black"
-            android:textSize="@dimen/heading_text_size"
-            android:textStyle="bold"
-            tools:text="FOSSASIA summit" />
-
-        <TextView
-            android:id="@+id/time"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:textSize="@dimen/text_size_large"
-            tools:text="May 24 - May 25" />
+        android:layout_height="wrap_content">
 
         <LinearLayout
             android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_gravity="center_horizontal"
-            android:layout_marginTop="@dimen/layout_margin_extra_large"
-            android:background="@drawable/filled_border"
-            android:gravity="center"
-            android:orientation="horizontal"
-            android:padding="@dimen/padding_medium">
+            android:layout_height="match_parent"
+            android:background="@android:color/white"
+            android:orientation="vertical"
+            android:padding="@dimen/padding_payment"
+            tools:context="org.fossasia.openevent.general.attendees.AttendeeFragment">
 
             <TextView
-                android:id="@+id/amount"
+                android:id="@+id/eventName"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:textColor="@color/black"
-                android:textSize="@dimen/text_size_large"
+                android:textSize="@dimen/heading_text_size"
                 android:textStyle="bold"
-                tools:text="Total: $200.0 -" />
+                tools:text="FOSSASIA summit" />
 
             <TextView
-                android:id="@+id/qty"
+                android:id="@+id/time"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:textColor="@color/black"
                 android:textSize="@dimen/text_size_large"
-                tools:text="10 items" />
-
-            <TextView
-                android:id="@+id/view"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginLeft="@dimen/layout_margin_medium"
-                android:text="(view)"
-                android:textColor="@color/colorAccent"
-                android:textSize="@dimen/text_size_large"
-                tools:text=" (View)" />
-        </LinearLayout>
-
-        <LinearLayout
-            android:id="@+id/ticketDetails"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:orientation="vertical"
-            android:visibility="gone">
+                tools:text="May 24 - May 25" />
 
             <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
+                android:layout_gravity="center_horizontal"
+                android:layout_marginTop="@dimen/layout_margin_extra_large"
                 android:background="@drawable/filled_border"
+                android:gravity="center"
                 android:orientation="horizontal"
-                android:padding="@dimen/layout_margin_medium"
-                android:weightSum="5">
+                android:padding="@dimen/padding_medium">
 
                 <TextView
-                    android:layout_width="0dp"
-                    android:layout_height="wrap_content"
-                    android:layout_weight="2"
-                    android:text="@string/item"
-                    android:textColor="@color/black"
-                    android:textSize="@dimen/text_size_large"
-                    tools:text="Item" />
-
-                <TextView
-                    android:layout_width="0dp"
+                    android:id="@+id/amount"
+                    android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_weight="1"
-                    android:text="@string/price"
                     android:textColor="@color/black"
                     android:textSize="@dimen/text_size_large"
-                    tools:text="Price" />
+                    android:textStyle="bold"
+                    tools:text="Total: $200.0 -" />
 
                 <TextView
-                    android:layout_width="0dp"
+                    android:id="@+id/qty"
+                    android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_weight="1"
-                    android:text="@string/qty"
                     android:textColor="@color/black"
                     android:textSize="@dimen/text_size_large"
-                    tools:text="Qty" />
+                    tools:text="10 items" />
 
                 <TextView
-                    android:layout_width="0dp"
+                    android:id="@+id/view"
+                    android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_weight="1"
-                    android:text="@string/subtotal"
-                    android:textColor="@color/black"
+                    android:layout_marginLeft="@dimen/layout_margin_medium"
+                    android:text="(view)"
+                    android:textColor="@color/colorAccent"
                     android:textSize="@dimen/text_size_large"
-                    tools:text="Subtotal" />
+                    tools:text=" (View)" />
             </LinearLayout>
 
-            <androidx.recyclerview.widget.RecyclerView
-                android:id="@+id/ticketsRecycler"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content" />
-
             <LinearLayout
+                android:id="@+id/ticketDetails"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:background="@drawable/border"
-                android:gravity="center"
-                android:orientation="horizontal"
-                android:padding="@dimen/layout_margin_medium">
+                android:orientation="vertical"
+                android:visibility="gone">
 
-                <TextView
-                    android:layout_width="wrap_content"
+                <LinearLayout
+                    android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:text="@string/all_fees"
-                    android:textSize="@dimen/text_size_large" />
-
-            </LinearLayout>
-        </LinearLayout>
-
-        <LinearLayout
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:layout_marginTop="@dimen/layout_margin_extra_large"
-            android:background="@drawable/filled_border"
-            android:orientation="horizontal"
-            android:padding="@dimen/padding_medium">
-
-            <TextView
-                android:id="@+id/helloUser"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_weight="2"
-                android:textSize="@dimen/text_size_large"
-                tools:text="Hello user" />
-
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:text="@string/not_you"
-                android:textSize="@dimen/text_size_large"
-                tools:text="Not you? " />
-
-            <TextView
-                android:id="@+id/signOut"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginLeft="@dimen/details_margin_small"
-                android:text="@string/sign_out"
-                android:textColor="@color/colorAccent"
-                android:textSize="@dimen/text_size_large"
-                tools:text="Sign out" />
+                    android:background="@drawable/filled_border"
+                    android:orientation="horizontal"
+                    android:padding="@dimen/layout_margin_medium"
+                    android:weightSum="5">
 
-        </LinearLayout>
+                    <TextView
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_weight="2"
+                        android:text="@string/item"
+                        android:textColor="@color/black"
+                        android:textSize="@dimen/text_size_large"
+                        tools:text="Item" />
 
-        <LinearLayout
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            android:orientation="vertical">
+                    <TextView
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_weight="1"
+                        android:text="@string/price"
+                        android:textColor="@color/black"
+                        android:textSize="@dimen/text_size_large"
+                        tools:text="Price" />
 
-            <TextView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="@dimen/layout_margin_extra_large"
-                android:text="@string/your_info"
-                android:textColor="@color/black"
-                android:textSize="@dimen/heading_text_size" />
+                    <TextView
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_weight="1"
+                        android:text="@string/qty"
+                        android:textColor="@color/black"
+                        android:textSize="@dimen/text_size_large"
+                        tools:text="Qty" />
 
-            <com.google.android.material.textfield.TextInputLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginBottom="@dimen/padding_medium"
-                android:layout_marginTop="@dimen/padding_medium">
+                    <TextView
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        android:layout_weight="1"
+                        android:text="@string/subtotal"
+                        android:textColor="@color/black"
+                        android:textSize="@dimen/text_size_large"
+                        tools:text="Subtotal" />
+                </LinearLayout>
 
-                <EditText
-                    android:id="@+id/firstName"
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/ticketsRecycler"
                     android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:hint="@string/first_name"
-                    android:inputType="text" />
-            </com.google.android.material.textfield.TextInputLayout>
+                    android:layout_height="wrap_content" />
 
-            <com.google.android.material.textfield.TextInputLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginBottom="@dimen/padding_medium"
-                android:layout_marginTop="@dimen/padding_medium">
-
-                <EditText
-                    android:id="@+id/lastName"
+                <LinearLayout
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:hint="@string/last_name"
-                    android:inputType="text" />
-            </com.google.android.material.textfield.TextInputLayout>
+                    android:background="@drawable/border"
+                    android:gravity="center"
+                    android:orientation="horizontal"
+                    android:padding="@dimen/layout_margin_medium">
 
-            <com.google.android.material.textfield.TextInputLayout
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginBottom="@dimen/padding_medium"
-                android:layout_marginTop="@dimen/padding_medium">
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:text="@string/all_fees"
+                        android:textSize="@dimen/text_size_large" />
 
-                <EditText
-                    android:id="@+id/email"
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:hint="@string/email"
-                    android:inputType="textEmailAddress" />
-            </com.google.android.material.textfield.TextInputLayout>
+                </LinearLayout>
+            </LinearLayout>
 
-            <com.google.android.material.textfield.TextInputLayout
-                android:id="@+id/countryArea"
+            <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginBottom="@dimen/padding_medium"
-                android:layout_marginTop="@dimen/padding_medium"
-                android:visibility="gone">
+                android:layout_marginTop="@dimen/layout_margin_extra_large"
+                android:background="@drawable/filled_border"
+                android:orientation="horizontal"
+                android:padding="@dimen/padding_medium">
 
-                <EditText
-                    android:id="@+id/country"
-                    android:layout_width="match_parent"
+                <TextView
+                    android:id="@+id/helloUser"
+                    android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:hint="Country" />
-            </com.google.android.material.textfield.TextInputLayout>
-
-            <LinearLayout
-                android:id="@+id/attendeeInformation"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="@dimen/layout_margin_medium"
-                android:orientation="vertical">
+                    android:layout_weight="2"
+                    android:textSize="@dimen/text_size_large"
+                    tools:text="Hello user" />
 
                 <TextView
-                    android:id="@+id/moreAttendeeInformation"
-                    android:layout_width="match_parent"
+                    android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_marginBottom="@dimen/layout_margin_medium"
-                    android:text="@string/other_information"
-                    android:textColor="@color/black"
-                    android:textSize="@dimen/heading_text_size"
-                    android:visibility="gone" />
-            </LinearLayout>
+                    android:text="@string/not_you"
+                    android:textSize="@dimen/text_size_large"
+                    tools:text="Not you? " />
 
-            <androidx.recyclerview.widget.RecyclerView
-                android:id="@+id/attendeeRecycler"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content" />
+                <TextView
+                    android:id="@+id/signOut"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginLeft="@dimen/details_margin_small"
+                    android:text="@string/sign_out"
+                    android:textColor="@color/colorAccent"
+                    android:textSize="@dimen/text_size_large"
+                    tools:text="Sign out" />
 
-            <androidx.appcompat.widget.AppCompatSpinner
-                android:id="@+id/paymentSelector"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content" />
+            </LinearLayout>
 
             <LinearLayout
-                android:id="@+id/stripePayment"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:orientation="vertical"
-                android:visibility="gone">
+                android:orientation="vertical">
 
                 <TextView
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:layout_marginTop="@dimen/layout_margin_extra_large"
-                    android:text="@string/payment_info"
+                    android:text="@string/your_info"
                     android:textColor="@color/black"
                     android:textSize="@dimen/heading_text_size" />
 
@@ -296,155 +201,256 @@
                     android:layout_marginTop="@dimen/padding_medium">
 
                     <EditText
-                        android:id="@+id/cardNumber"
+                        android:id="@+id/firstName"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        android:hint="@string/card_number" />
+                        android:hint="@string/first_name"
+                        android:inputType="text" />
                 </com.google.android.material.textfield.TextInputLayout>
 
-                <TextView
-                    android:layout_width="wrap_content"
+                <com.google.android.material.textfield.TextInputLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginBottom="@dimen/padding_medium"
+                    android:layout_marginTop="@dimen/padding_medium">
+
+                    <EditText
+                        android:id="@+id/lastName"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:hint="@string/last_name"
+                        android:inputType="text" />
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <com.google.android.material.textfield.TextInputLayout
+                    android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:layout_marginBottom="@dimen/layout_margin_medium"
-                    android:layout_marginTop="@dimen/layout_margin_large"
-                    android:text="@string/card_type"
-                    android:textSize="@dimen/text_size_large" />
+                    android:layout_marginBottom="@dimen/padding_medium"
+                    android:layout_marginTop="@dimen/padding_medium">
+
+                    <EditText
+                        android:id="@+id/email"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:hint="@string/email"
+                        android:inputType="textEmailAddress" />
+                </com.google.android.material.textfield.TextInputLayout>
+
+                <com.google.android.material.textfield.TextInputLayout
+                    android:id="@+id/countryArea"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginBottom="@dimen/padding_medium"
+                    android:layout_marginTop="@dimen/padding_medium"
+                    android:visibility="gone">
+
+                    <EditText
+                        android:id="@+id/country"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:hint="Country" />
+                </com.google.android.material.textfield.TextInputLayout>
 
                 <LinearLayout
+                    android:id="@+id/attendeeInformation"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:layout_weight="1"
-                    android:background="@drawable/filled_border"
-                    android:gravity="center"
-                    android:orientation="horizontal">
+                    android:layout_marginTop="@dimen/layout_margin_medium"
+                    android:orientation="vertical">
 
                     <TextView
-                        android:id="@+id/selectCard"
-                        android:layout_width="wrap_content"
+                        android:id="@+id/moreAttendeeInformation"
+                        android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        android:layout_weight="0.8"
-                        android:gravity="center"
-                        android:textSize="@dimen/text_size_large" />
-
-                    <androidx.appcompat.widget.AppCompatSpinner
-                        android:id="@+id/cardSelector"
-                        android:layout_width="@dimen/spinner_width"
-                        android:layout_height="@dimen/spinner_width"
-                        android:layout_marginLeft="@dimen/layout_margin_medium"
-                        android:spinnerMode="dialog" />
+                        android:layout_marginBottom="@dimen/layout_margin_medium"
+                        android:text="@string/other_information"
+                        android:textColor="@color/black"
+                        android:textSize="@dimen/heading_text_size"
+                        android:visibility="gone" />
                 </LinearLayout>
 
-                <TextView
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_marginBottom="@dimen/layout_margin_medium"
-                    android:layout_marginTop="@dimen/layout_margin_large"
-                    android:text="@string/expiration_date"
-                    android:textSize="@dimen/text_size_large" />
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/attendeeRecycler"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content" />
+
+                <androidx.appcompat.widget.AppCompatSpinner
+                    android:id="@+id/paymentSelector"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content" />
 
                 <LinearLayout
-                    android:layout_width="wrap_content"
+                    android:id="@+id/stripePayment"
+                    android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:orientation="horizontal">
+                    android:orientation="vertical"
+                    android:visibility="gone">
 
-                    <LinearLayout
+                    <TextView
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
+                        android:layout_marginTop="@dimen/layout_margin_extra_large"
+                        android:text="@string/payment_info"
+                        android:textColor="@color/black"
+                        android:textSize="@dimen/heading_text_size" />
+
+                    <com.google.android.material.textfield.TextInputLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="@dimen/padding_medium"
+                        android:layout_marginTop="@dimen/padding_medium">
+
+                        <EditText
+                            android:id="@+id/cardNumber"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:hint="@string/card_number" />
+                    </com.google.android.material.textfield.TextInputLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="@dimen/layout_margin_medium"
+                        android:layout_marginTop="@dimen/layout_margin_large"
+                        android:text="@string/card_type"
+                        android:textSize="@dimen/text_size_large" />
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_weight="1"
                         android:background="@drawable/filled_border"
-                        android:orientation="horizontal"
-                        android:padding="@dimen/padding_extra_small">
+                        android:gravity="center"
+                        android:orientation="horizontal">
 
                         <TextView
-                            android:id="@+id/monthText"
+                            android:id="@+id/selectCard"
                             android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
-                            android:layout_marginLeft="@dimen/layout_margin_medium"
+                            android:layout_weight="0.8"
+                            android:gravity="center"
                             android:textSize="@dimen/text_size_large" />
 
                         <androidx.appcompat.widget.AppCompatSpinner
-                            android:id="@+id/month"
+                            android:id="@+id/cardSelector"
                             android:layout_width="@dimen/spinner_width"
                             android:layout_height="@dimen/spinner_width"
                             android:layout_marginLeft="@dimen/layout_margin_medium"
                             android:spinnerMode="dialog" />
                     </LinearLayout>
 
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="@dimen/layout_margin_medium"
+                        android:layout_marginTop="@dimen/layout_margin_large"
+                        android:text="@string/expiration_date"
+                        android:textSize="@dimen/text_size_large" />
+
                     <LinearLayout
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:background="@drawable/filled_border"
-                        android:orientation="horizontal"
-                        android:padding="@dimen/padding_extra_small">
+                        android:orientation="horizontal">
 
-                        <TextView
-                            android:id="@+id/yearText"
+                        <LinearLayout
                             android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
-                            android:layout_marginLeft="@dimen/layout_margin_medium"
-                            android:textSize="@dimen/text_size_large" />
+                            android:background="@drawable/filled_border"
+                            android:orientation="horizontal"
+                            android:padding="@dimen/padding_extra_small">
+
+                            <TextView
+                                android:id="@+id/monthText"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:layout_marginLeft="@dimen/layout_margin_medium"
+                                android:textSize="@dimen/text_size_large" />
+
+                            <androidx.appcompat.widget.AppCompatSpinner
+                                android:id="@+id/month"
+                                android:layout_width="@dimen/spinner_width"
+                                android:layout_height="@dimen/spinner_width"
+                                android:layout_marginLeft="@dimen/layout_margin_medium"
+                                android:spinnerMode="dialog" />
+                        </LinearLayout>
+
+                        <LinearLayout
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:background="@drawable/filled_border"
+                            android:orientation="horizontal"
+                            android:padding="@dimen/padding_extra_small">
+
+                            <TextView
+                                android:id="@+id/yearText"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
+                                android:layout_marginLeft="@dimen/layout_margin_medium"
+                                android:textSize="@dimen/text_size_large" />
+
+                            <androidx.appcompat.widget.AppCompatSpinner
+                                android:id="@+id/year"
+                                android:layout_width="@dimen/spinner_width"
+                                android:layout_height="@dimen/spinner_width"
+                                android:layout_marginLeft="@dimen/layout_margin_medium"
+                                android:spinnerMode="dialog" />
+                        </LinearLayout>
 
-                        <androidx.appcompat.widget.AppCompatSpinner
-                            android:id="@+id/year"
-                            android:layout_width="@dimen/spinner_width"
-                            android:layout_height="@dimen/spinner_width"
-                            android:layout_marginLeft="@dimen/layout_margin_medium"
-                            android:spinnerMode="dialog" />
                     </LinearLayout>
 
-                </LinearLayout>
+                    <com.google.android.material.textfield.TextInputLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="@dimen/padding_medium"
+                        android:layout_marginTop="@dimen/padding_medium">
 
-                <com.google.android.material.textfield.TextInputLayout
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:layout_marginBottom="@dimen/padding_medium"
-                    android:layout_marginTop="@dimen/padding_medium">
+                        <EditText
+                            android:id="@+id/cvc"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:hint="@string/cvc" />
+                    </com.google.android.material.textfield.TextInputLayout>
 
-                    <EditText
-                        android:id="@+id/cvc"
+                    <com.google.android.material.textfield.TextInputLayout
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        android:hint="@string/cvc" />
-                </com.google.android.material.textfield.TextInputLayout>
+                        android:layout_marginBottom="@dimen/padding_medium"
+                        android:layout_marginTop="@dimen/padding_medium">
 
-                <com.google.android.material.textfield.TextInputLayout
-                    android:layout_width="match_parent"
+                        <EditText
+                            android:id="@+id/postalCode"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:hint="@string/postal_code" />
+                    </com.google.android.material.textfield.TextInputLayout>
+                </LinearLayout>
+
+                <TextView
+                    android:id="@+id/accept"
+                    android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
-                    android:layout_marginBottom="@dimen/padding_medium"
-                    android:layout_marginTop="@dimen/padding_medium">
+                    android:layout_marginTop="@dimen/layout_margin_moderate" />
 
-                    <EditText
-                        android:id="@+id/postalCode"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:hint="@string/postal_code" />
-                </com.google.android.material.textfield.TextInputLayout>
+                <androidx.appcompat.widget.AppCompatButton
+                    android:id="@+id/register"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_gravity="center"
+                    android:layout_margin="@dimen/layout_margin_large"
+                    android:backgroundTint="@color/colorAccent"
+                    android:enabled="false"
+                    android:padding="@dimen/padding_medium"
+                    android:text="@string/register"
+                    android:textColor="@android:color/white" />
             </LinearLayout>
 
-            <TextView
-                android:id="@+id/accept"
+            <ProgressBar
+                android:id="@+id/progressBarAttendee"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="@dimen/layout_margin_moderate" />
-
-            <androidx.appcompat.widget.AppCompatButton
-                android:id="@+id/register"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
                 android:layout_gravity="center"
-                android:layout_margin="@dimen/layout_margin_large"
-                android:backgroundTint="@color/colorAccent"
-                android:enabled="false"
-                android:padding="@dimen/padding_medium"
-                android:text="@string/register"
-                android:textColor="@android:color/white" />
+                android:elevation="@dimen/card_elevation"
+                android:visibility="gone" />
         </LinearLayout>
-
-        <ProgressBar
-            android:id="@+id/progressBarAttendee"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_gravity="center"
-            android:elevation="@dimen/card_elevation"
-            android:visibility="gone" />
-    </LinearLayout>
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
 </androidx.core.widget.NestedScrollView>