diff --git a/models/doctype/Account/Account.js b/models/doctype/Account/Account.js
index e2a84394..2bad659f 100644
--- a/models/doctype/Account/Account.js
+++ b/models/doctype/Account/Account.js
@@ -1,5 +1,6 @@
 module.exports = {
   name: 'Account',
+  label: 'Account',
   doctype: 'DocType',
   documentClass: require('./AccountDocument.js'),
   isSingle: 0,
diff --git a/models/doctype/GSTR3B/GSTR3B.js b/models/doctype/GSTR3B/GSTR3B.js
index 42233400..7a64a087 100644
--- a/models/doctype/GSTR3B/GSTR3B.js
+++ b/models/doctype/GSTR3B/GSTR3B.js
@@ -2,6 +2,7 @@ const frappe = require('frappejs');
 
 module.exports = {
   name: 'GSTR3B',
+  label: 'GSTR 3B',
   doctype: 'DocType',
   documentClass: require('./GSTR3BDocument.js'),
   print: {
diff --git a/models/doctype/GSTR3B/GSTR3BDocument.js b/models/doctype/GSTR3B/GSTR3BDocument.js
index 6e2722d1..2445c25c 100644
--- a/models/doctype/GSTR3B/GSTR3BDocument.js
+++ b/models/doctype/GSTR3B/GSTR3BDocument.js
@@ -49,7 +49,7 @@ module.exports = class GSTR3B extends BaseDocument {
       gstr3bData[0].push(await this.makeGSTRow(ledgerEntry));
     }
     for (let ledgerEntry of gstr2Data) {
-      ledgerEntry.doctype = 'BiPurchaseInvoicell';
+      ledgerEntry.doctype = 'PurchaseInvoice';
       gstr3bData[1].push(await this.makeGSTRow(ledgerEntry));
     }
 
diff --git a/models/doctype/Payment/Payment.js b/models/doctype/Payment/Payment.js
index 51b5b55f..9b80e68f 100644
--- a/models/doctype/Payment/Payment.js
+++ b/models/doctype/Payment/Payment.js
@@ -27,13 +27,24 @@ module.exports = {
       label: 'From Account',
       fieldtype: 'Link',
       target: 'Account',
-      required: 1
+      required: 1,
+      getFilters: (query, doc) => {
+        if (doc.paymentType === 'Pay') {
+          if (doc.paymentMethod === 'Cash')
+            return { accountType: 'Cash', isGroup: 0 };
+          else
+            return {
+              accountType: ['in', ['Bank', 'Cash']],
+              isGroup: 0
+            };
+        }
+      }
     },
     {
       fieldname: 'paymentType',
       label: 'Payment Type',
       fieldtype: 'Select',
-      options: ['Recieve', 'Pay'],
+      options: ['', 'Receive', 'Pay'],
       required: 1
     },
     {
@@ -43,12 +54,13 @@ module.exports = {
       target: 'Account',
       required: 1,
       getFilters: (query, doc) => {
-        if (doc.paymentMethod === 'Cash')
-          return { accountType: 'Cash', isGroup: 0 };
-        return {
-          accountType: ['in', ['Bank', 'Cash']],
-          isGroup: 0
-        };
+        if (doc.paymentType === 'Receive') {
+          if (doc.paymentMethod === 'Cash') {
+            return { accountType: 'Cash', isGroup: 0 };
+          } else {
+            return { accountType: ['in', ['Bank', 'Cash']], isGroup: 0 };
+          }
+        }
       }
     },
     {
diff --git a/models/doctype/Quotation/Quotation.js b/models/doctype/Quotation/Quotation.js
index 3cc36eec..5ce20400 100644
--- a/models/doctype/Quotation/Quotation.js
+++ b/models/doctype/Quotation/Quotation.js
@@ -1,7 +1,7 @@
 const model = require('frappejs/model');
-const Invoice = require('../Invoice/Invoice');
+const SalesInvoice = require('../SalesInvoice/SalesInvoice');
 
-const Quotation = model.extend(Invoice, {
+const Quotation = model.extend(SalesInvoice, {
     name: "Quotation",
     label: "Quotation",
     settings: "QuotationSettings",
diff --git a/models/doctype/Quotation/QuotationDocument.js b/models/doctype/Quotation/QuotationDocument.js
index 32875acd..dd775931 100644
--- a/models/doctype/Quotation/QuotationDocument.js
+++ b/models/doctype/Quotation/QuotationDocument.js
@@ -1,3 +1,3 @@
-const InvoiceDocument = require('../Invoice/InvoiceDocument');
+const SalesInvoiceDocument = require('../SalesInvoice/SalesInvoiceDocument');
 
-module.exports = class Quotation extends InvoiceDocument { }
\ No newline at end of file
+module.exports = class Quotation extends SalesInvoiceDocument {};
diff --git a/models/doctype/QuotationItem/QuotationItem.js b/models/doctype/QuotationItem/QuotationItem.js
index 238b51a2..8203fb90 100644
--- a/models/doctype/QuotationItem/QuotationItem.js
+++ b/models/doctype/QuotationItem/QuotationItem.js
@@ -1,6 +1,6 @@
 const model = require('frappejs/model');
-const InvoiceItem = require('../InvoiceItem/InvoiceItem');
+const SalesInvoiceItem = require('../SalesInvoiceItem/SalesInvoiceItem');
 
-module.exports = model.extend(InvoiceItem, {
+module.exports = model.extend(SalesInvoiceItem, {
     name: "QuotationItem"
 });
diff --git a/models/doctype/QuotationSettings/QuotationSettings.js b/models/doctype/QuotationSettings/QuotationSettings.js
index 2aa6de9b..d270ebfc 100644
--- a/models/doctype/QuotationSettings/QuotationSettings.js
+++ b/models/doctype/QuotationSettings/QuotationSettings.js
@@ -1,7 +1,7 @@
 const model = require('frappejs/model');
-const InvoiceSettings = require('../InvoiceSettings/InvoiceSettings');
+const SalesInvoiceSettings = require('../SalesInvoiceSettings/SalesInvoiceSettings');
 
-module.exports = model.extend(InvoiceSettings, {
+module.exports = model.extend(SalesInvoiceSettings, {
     "name": "QuotationSettings",
     "label": "Quotation Settings",
     "fields": [
diff --git a/models/doctype/SalesInvoice/SalesInvoice.js b/models/doctype/SalesInvoice/SalesInvoice.js
index 8b492e26..78ad5a29 100644
--- a/models/doctype/SalesInvoice/SalesInvoice.js
+++ b/models/doctype/SalesInvoice/SalesInvoice.js
@@ -145,7 +145,7 @@ module.exports = {
         form.doc.submitted && form.doc.outstandingAmount !== 0.0,
       action: async form => {
         const payment = await frappe.getNewDoc('Payment');
-        payment.paymentType = 'Recieve';
+        payment.paymentType = 'Receive';
         payment.party = form.doc.customer;
         payment.account = form.doc.account;
         payment.for = [
diff --git a/models/doctype/SalesInvoice/SalesInvoicePrint.vue b/models/doctype/SalesInvoice/SalesInvoicePrint.vue
index 0f985d7d..b6b5c704 100644
--- a/models/doctype/SalesInvoice/SalesInvoicePrint.vue
+++ b/models/doctype/SalesInvoice/SalesInvoicePrint.vue
@@ -61,15 +61,15 @@ export default {
       await this.getFont();
     },
     async getTemplate() {
-      let invoiceSettings = await frappe.getDoc('InvoiceSettings');
+      let invoiceSettings = await frappe.getDoc('SalesInvoiceSettings');
       this.template = invoiceTemplates[invoiceSettings.template];
     },
     async getColor() {
-      let invoiceSettings = await frappe.getDoc('InvoiceSettings');
+      let invoiceSettings = await frappe.getDoc('SalesInvoiceSettings');
       this.themeColor = invoiceSettings.themeColor;
     },
     async getFont() {
-      let invoiceSettings = await frappe.getDoc('InvoiceSettings');
+      let invoiceSettings = await frappe.getDoc('SalesInvoiceSettings');
       this.font = invoiceSettings.font;
     },
     async toggleCustomizer() {
diff --git a/reports/SalesRegister/SalesRegister.js b/reports/SalesRegister/SalesRegister.js
index 5a039f96..8fa2ee39 100644
--- a/reports/SalesRegister/SalesRegister.js
+++ b/reports/SalesRegister/SalesRegister.js
@@ -1,55 +1,53 @@
 const frappe = require('frappejs');
 
 class SalesRegister {
-    async run({ fromDate, toDate, customer }) {
-        let filters = {};
-        if(customer) {
-          filters.customer = customer;
-        }
-
-        if (fromDate && toDate) {
-          filters.date = ['>=', fromDate, '<=', toDate];
-        }
-        else if (fromDate) {
-          filters.date = ['>=', fromDate];
-        }
-        else if (toDate) {
-          filters.date = ['<=', toDate];
-        }
-
-        const invoices = await frappe.db.getAll({
-            doctype: 'Invoice',
-            fields: ['name', 'date', 'customer', 'account', 'netTotal', 'grandTotal'],
-            filters: filters,
-            orderBy: 'date',
-            order: 'desc'
-        });
-
-        const invoiceNames = invoices.map(d => d.name);
-
-        const taxes = await frappe.db.getAll({
-            doctype: 'TaxSummary',
-            fields: ['parent', 'amount'],
-            filters: {
-                parenttype: 'Invoice',
-                parent: ['in', invoiceNames]
-            },
-            orderBy: 'name'
-        });
-
-        for (let invoice of invoices) {
-            invoice.totalTax = taxes
-                .filter(tax => tax.parent === invoice.name)
-                .reduce((acc, tax) => {
-                    if (tax.amount) {
-                        acc = acc + tax.amount;
-                    }
-                    return acc;
-                }, 0);
-        }
-
-        return { rows: invoices };
+  async run({ fromDate, toDate, customer }) {
+    let filters = {};
+    if (customer) {
+      filters.customer = customer;
     }
+
+    if (fromDate && toDate) {
+      filters.date = ['>=', fromDate, '<=', toDate];
+    } else if (fromDate) {
+      filters.date = ['>=', fromDate];
+    } else if (toDate) {
+      filters.date = ['<=', toDate];
+    }
+
+    const invoices = await frappe.db.getAll({
+      doctype: 'SalesInvoice',
+      fields: ['name', 'date', 'customer', 'account', 'netTotal', 'grandTotal'],
+      filters: filters,
+      orderBy: 'date',
+      order: 'desc'
+    });
+
+    const invoiceNames = invoices.map(d => d.name);
+
+    const taxes = await frappe.db.getAll({
+      doctype: 'TaxSummary',
+      fields: ['parent', 'amount'],
+      filters: {
+        parenttype: 'Invoice',
+        parent: ['in', invoiceNames]
+      },
+      orderBy: 'name'
+    });
+
+    for (let invoice of invoices) {
+      invoice.totalTax = taxes
+        .filter(tax => tax.parent === invoice.name)
+        .reduce((acc, tax) => {
+          if (tax.amount) {
+            acc = acc + tax.amount;
+          }
+          return acc;
+        }, 0);
+    }
+
+    return { rows: invoices };
+  }
 }
 
 module.exports = SalesRegister;
diff --git a/src/components/DashboardCard.vue b/src/components/DashboardCard.vue
index 2d74c2a1..4bc7902c 100644
--- a/src/components/DashboardCard.vue
+++ b/src/components/DashboardCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="col-6">
-    <div class="card mx-2 my-2">
+    <div class="card mx-3 my-3">
       <div class="card-body">
         <div :ref="chartData.title"></div>
       </div>
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index 3dfa2f74..58e54464 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div v-on-outside-click="clearInput">
     <div class="input-group">
       <div class="input-group-prepend">
         <span class="input-group-text pt-1">
@@ -17,18 +17,15 @@
         aria-label="Recipient's username"
       />
     </div>
-    <div v-if="inputValue" class="suggestion-list position-absolute shadow-sm" style="width: 100%">
+    <div v-if="inputValue" class="suggestion-list position-absolute shadow-sm" style="width: 98%">
       <list-row
         v-for="doc in suggestion"
         :key="doc.name"
-        :class="doc.sep ? 'seperator': ''"
+        :class="doc.seperator ? 'seperator': ''"
         class="d-flex align-items-center"
         @click.native="routeTo(doc.route)"
       >
-        <span v-if="!doc.sep">
-          <feather-icon class="mr-1" name="minus" />
-        </span>
-        <div :class="doc.sep ? 'small' : ''">{{ doc.name }}</div>
+        <div :class="doc.seperator ? 'small' : ''">{{ doc.name }}</div>
         <div class="small ml-auto">{{ doc.doctype }}</div>
       </list-row>
     </div>
@@ -61,17 +58,18 @@ export default {
         isSingle: 0,
         isChild: 0
       });
-      const documents = await this.getSearchedDocuments(searchableDoctypes);
-      const doctypes = await this.getSearchedDoctypes(searchableDoctypes);
-      this.suggestion = documents.concat(doctypes);
+      const documents = await this.getDocuments(searchableDoctypes);
+      const doctypes = this.getDoctypes(searchableDoctypes);
+      const reports = this.getReports();
+      this.suggestion = documents.concat(doctypes).concat(reports);
       if (this.suggestion.length === 0)
-        this.suggestion = [{ sep: true, name: 'No results found.' }];
+        this.suggestion = [{ seperator: true, name: 'No results found.' }];
     },
-    clearInput() {
+    clearInput(e) {
       this.inputValue = '';
       this.$emit('change', null);
     },
-    async getSearchedDocuments(searchableDoctypes) {
+    async getDocuments(searchableDoctypes) {
       const promises = searchableDoctypes.map(doctype => {
         return frappe.db.getAll({
           doctype,
@@ -83,7 +81,7 @@ export default {
       // data contains list of documents, sorted according to position of its doctype in searchableDoctypes
       const items = [];
       items.push({
-        sep: true,
+        seperator: true,
         name: 'Documents'
       });
       for (let i = 0; i < data.length; i++) {
@@ -102,20 +100,43 @@ export default {
       if (items.length !== 1) return items;
       return [];
     },
-    getSearchedDoctypes(searchableDoctypes) {
-      const items = [{ sep: true, name: 'DocTypes' }];
+    getDoctypes(searchableDoctypes) {
+      const items = [{ seperator: true, name: 'Lists' }];
       let filteredDoctypes = searchableDoctypes.filter(doctype => {
-        return doctype.indexOf(this.inputValue) != -1;
+        return (
+          doctype.toLowerCase().indexOf(this.inputValue.toLowerCase()) != -1
+        );
       });
       filteredDoctypes = filteredDoctypes.map(doctype => {
+        var titleCase = doctype.replace(/([A-Z])/g, ' $1');
+        titleCase = titleCase.charAt(0).toUpperCase() + titleCase.slice(1);
         return {
-          name: doctype,
+          name: titleCase,
           route: `/list/${doctype}`
         };
       });
       if (filteredDoctypes.length > 0) return items.concat(filteredDoctypes);
       return [];
     },
+    getReports() {
+      const items = [{ seperator: true, name: 'Reports' }];
+      let reports = require('../../reports/view');
+      reports = Object.values(reports);
+      let filteredReports = reports.filter(report => {
+        return (
+          report.title.toLowerCase().indexOf(this.inputValue.toLowerCase()) !=
+          -1
+        );
+      });
+      filteredReports = filteredReports.map(report => {
+        return {
+          name: report.title,
+          route: `/report/${report.method}`
+        };
+      });
+      if (filteredReports.length > 0) return items.concat(filteredReports);
+      return [];
+    },
     routeTo(route) {
       this.$router.push(route);
       this.inputValue = '';
@@ -147,6 +168,8 @@ input:focus {
 }
 .suggestion-list {
   z-index: 2;
+  max-height: 90vh;
+  overflow: auto;
 }
 </style>
 
diff --git a/src/pages/ChartOfAccounts/Branch.vue b/src/pages/ChartOfAccounts/Branch.vue
index c2862016..d5e66b7e 100644
--- a/src/pages/ChartOfAccounts/Branch.vue
+++ b/src/pages/ChartOfAccounts/Branch.vue
@@ -155,9 +155,6 @@ export default Branch;
   border-radius: 4px;
   cursor: pointer;
 }
-.branch-label:hover {
-  background-color: $dropdown-link-hover-bg;
-}
 .branch-children {
   padding-left: 2.25rem;
 }
diff --git a/src/pages/Dashboard.vue b/src/pages/Dashboard.vue
index a35bde7e..076a3872 100644
--- a/src/pages/Dashboard.vue
+++ b/src/pages/Dashboard.vue
@@ -25,8 +25,8 @@ export default {
     };
   },
   async beforeMount() {
-    const dashboardSettings = await frappe.getDoc('DashboardSettings');
-    this.charts = dashboardSettings.charts;
+    const { charts } = await frappe.getDoc('DashboardSettings');
+    this.charts = charts;
     this.charts.forEach(async c => {
       const { labels, datasets } = await this.getAccountData(c.account, c.type);
       this.chartData.push({
@@ -44,6 +44,7 @@ export default {
     async getAccountData(account, chartType) {
       let entriesArray = [];
       let accountType;
+
       async function getAccountEntries(accountName) {
         const account = await frappe.getDoc('Account', accountName);
         accountType = account.rootType;
@@ -66,7 +67,9 @@ export default {
         }
         return entriesArray;
       }
+
       let ledgerEntries = await getAccountEntries(account);
+
       accountType = ['Asset', 'Expense'].includes(accountType)
         ? 'debit'
         : 'credit';
@@ -111,6 +114,7 @@ export default {
           values: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
         }
       ];
+      // Arrange month labels according to current month.
       for (let i = 0; i < 13; i++) {
         let year = i + currentMonthIndex >= 12 ? currentYear : currentYear - 1;
         labels.push(monthName[(i + currentMonthIndex) % 12]);
diff --git a/src/pages/Desk.vue b/src/pages/Desk.vue
index 747c49fa..e0d49a76 100644
--- a/src/pages/Desk.vue
+++ b/src/pages/Desk.vue
@@ -24,5 +24,6 @@ export default {
 }
 .sidebar {
   position: fixed;
+  z-index: 1;
 }
 </style>
diff --git a/src/pages/FormView/FormView.vue b/src/pages/FormView/FormView.vue
index 1e7d883a..61312149 100644
--- a/src/pages/FormView/FormView.vue
+++ b/src/pages/FormView/FormView.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-white">
     <page-header :breadcrumbs="breadcrumbs" />
-    <div class="form-container col-sm-8 col-lg-6 mx-2 mt-4">
+    <div class="form-container col-9 col-lg-7 col-xl-6 mx-2 mt-4">
       <form-actions
         v-if="shouldRenderForm"
         :doc="doc"
@@ -56,12 +56,12 @@ export default {
       if (this.doc)
         return [
           {
-            title: this.meta.label || this.meta.name,
+            title: this.meta.label || this.doctype,
             route: '#/list/' + this.doctype
           },
           {
             title: this.doc._notInserted
-              ? 'New ' + this.meta.label || this.meta.name
+              ? 'New ' + (this.meta.label || this.doctype)
               : this.doc.name,
             route: ''
           }
diff --git a/src/pages/PrintView/index.vue b/src/pages/PrintView/index.vue
index 43c7a933..3306437d 100644
--- a/src/pages/PrintView/index.vue
+++ b/src/pages/PrintView/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white">
+  <div class="bg-light">
     <page-header :breadcrumbs="breadcrumbs" />
     <component :is="printComponent" v-if="doc" :doc="doc" @send="send" @makePDF="makePDF" />
   </div>
@@ -25,12 +25,12 @@ export default {
       if (this.doc)
         return [
           {
-            title: this.meta.label || this.meta.name,
+            title: this.meta.label || this.doctype,
             route: '#/list/' + this.doctype
           },
           {
             title: this.doc._notInserted
-              ? 'New ' + this.meta.label || this.meta.name
+              ? 'New ' + this.meta.label || this.doctype
               : this.doc.name,
             route: `#/edit/${this.doctype}/${this.name}`
           },
diff --git a/src/pages/Report/index.vue b/src/pages/Report/index.vue
index 24a9152b..762fb68e 100644
--- a/src/pages/Report/index.vue
+++ b/src/pages/Report/index.vue
@@ -5,9 +5,9 @@
         <page-header :breadcrumbs="breadcrumbs" style="flex-grow: 1;" />
         <report-links class="d-flex flex-row-reverse" v-if="linksExists" :links="links"></report-links>
       </div>
-      <div class="row pb-4">
+      <div class="row pb-4 pl-1">
         <report-filters
-          class="col-12 pr-0"
+          class="col-12"
           v-if="shouldRenderFields"
           :filterFields="reportConfig.filterFields"
           :filterDoc="filterDoc"
@@ -15,7 +15,7 @@
           @change="getReportData"
         ></report-filters>
       </div>
-      <div class="pt-2 pr-3" ref="datatable" v-once></div>
+      <div class="pt-2 pr-2 pl-2" ref="datatable" v-once></div>
     </div>
     <not-found v-if="!reportConfig" />
   </div>
diff --git a/src/pages/Settings/Settings.vue b/src/pages/Settings/Settings.vue
index e6673663..45f34d02 100644
--- a/src/pages/Settings/Settings.vue
+++ b/src/pages/Settings/Settings.vue
@@ -8,11 +8,11 @@
           <hr class="mt-4" />
           <setting-section doctype="CompanySettings" />
           <hr class="mt-4" />
+          <setting-section doctype="DashboardSettings" />
+          <hr class="mt-4" />
           <setting-section doctype="EmailAccount" />
           <hr class="mt-4" />
           <setting-section doctype="SystemSettings" />
-          <hr class="mt-4" />
-          <setting-section doctype="DashboardSettings" />
         </div>
       </div>
     </div>