diff --git a/src/pages/Account/viewInvoice.vue b/src/pages/Account/viewInvoice.vue
index dd75f0a..1f86160 100644
--- a/src/pages/Account/viewInvoice.vue
+++ b/src/pages/Account/viewInvoice.vue
@@ -57,7 +57,7 @@
                   <!-- school info -->
                   <v-flex xs12 sm12 md12 lg12 style="margin:0px 10px; ">
                     <v-layout wrap>
-                      <v-flex xs12 sm4 md4 lg4 style="padding:4px;padding-left:16px;">
+                      <v-flex xs4 sm4 md4 lg4 style="padding:4px;padding-left:16px;">
                         <span style="font-size: 16px;  color: #707478;">From</span>
                         <br />
                         <p style="font-size:20px;margin-bottom: 16px;">{{ userData.name }}</p>
@@ -72,7 +72,7 @@
                         >Email : {{ userData.email }}</p>
                       </v-flex>
                       <!-- student info -->
-                      <v-flex xs12 sm4 md4 lg4 style="padding:4px;padding-left:16px;">
+                      <v-flex xs4 sm4 md4 lg4 style="padding:4px;padding-left:16px;">
                         <span style="font-size: 16px;  color: #707478;">To</span>
                         <br />
                         <p
@@ -88,7 +88,7 @@
                           style="font-size: 15px;color: #707478;margin:0px;margin-bottom:8px;"
                         >Email : {{ invoiceParticularData.studentId.email ? invoiceParticularData.studentId.email: '-' }}</p>
                       </v-flex>
-                      <v-flex xs12 sm4 md4 lg4 style="padding:4px;padding-left:16px;">
+                      <v-flex xs4 sm4 md4 lg4 style="padding:4px;padding-left:16px;">
                         <br />
                         <p
                           style="font-size: 15px;margin:0px;margin-bottom:8px;"