diff --git a/src/pages/Account/viewInvoice.vue b/src/pages/Account/viewInvoice.vue
index cc764ed..8bbf150 100644
--- a/src/pages/Account/viewInvoice.vue
+++ b/src/pages/Account/viewInvoice.vue
@@ -24,9 +24,9 @@
                box-shadow: 0 1px 1px 0 rgba(60,64,67,0.08), 0 1px 3px 1px rgba(60,64,67,0.16);"
             >
               <!-- <v-layout wrap> -->
-              <v-flex xs12 style="padding:16px 0px;">
+              <v-flex xs12 sm12 md12 lg12>
                 <v-layout wrap>
-                  <v-flex xs12 sm4 md4 style="text-align:center">
+                  <v-flex xs12 sm4 md4 lg4  style="text-align:center">
                     <v-avatar>
                       <img :src="userData.schoolLogoUrl" v-if="userData.schoolLogoUrl" />
                       <img
@@ -43,7 +43,7 @@
                     >{{ userData.name }}</p>
                     <p>{{ userData.address }}</p>
                   </v-flex>
-                  <v-flex xs12 sm4 md4 class="text-xs-center">
+                  <v-flex xs12 sm4 md4 lg4 class="text-xs-center">
                     <v-layout>
                       <v-flex xs4 sm3>
                         <h5 style="float:right;margin: 4px 0px;">
@@ -94,7 +94,7 @@
                       </v-flex>
                     </v-layout>
                   </v-flex>
-                  <v-flex xs12 sm4 md4 class="text-xs-center">
+                  <v-flex xs12 sm4 md4 lg4  class="text-xs-center">
                     <v-layout>
                       <v-flex xs4 sm3>
                         <h5 style="float:right;margin: 4px 0px;">
@@ -464,6 +464,35 @@ export default {
 .center {
   text-align: center !important;
 }
+.card-style {
+    background: #7f62f8 !important;
+    border-color: #7f62f8 !important;
+    border-radius: 12px;
+    text-align: center !important;
+    padding-top: 10px !important;
+}
+.add-button {
+    background: #feb83c !important;
+    border-color: #feb83c !important;
+    text-transform: none !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+.clear-button {
+    background: #fa7676 !important;
+    border-color: #fa7676 !important;
+    text-transform: none !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+.card-styles {
+    background: #7f62f8 !important;
+    border-color: #7f62f8 !important;
+}
+.v-card__actions .v-btn {
+    margin: 0 15px !important;
+    min-width: 96px !important;
+}
 /* th,
 td {
   border: 1px solid #e2e7eb;