diff --git a/angular.json b/angular.json
index 9839d4f..2ded65f 100644
--- a/angular.json
+++ b/angular.json
@@ -39,8 +39,8 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "1mb"
+                  "maximumWarning": "5mb",
+                  "maximumError": "10mb"
                 },
                 {
                   "type": "anyComponentStyle",
diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
index f829bdc..1b6e121 100644
--- a/src/app/settings/settings.component.html
+++ b/src/app/settings/settings.component.html
@@ -77,98 +77,102 @@
 		<mat-tab *ngIf="proVersion"
 		         label="Integrations"
 				 style="align-items: center;">
-			<div class="container" style="margin-bottom:  20px;">
-				<mat-dialog-content [formGroup]="accCodForm">
-					<div style="height: 10px;
-								margin-top: 10px;">
-					</div>			
-					<div class="container" 
-					     style="height: 300;">
-					    <p  style="text-align:center">
-							<a mat-raised-button   	 
-							   color="primary" 
-							   href="{{this.xeroLink}}">
-								{{ linkMsg }}
-							</a>
-						</p>
+			<mat-tab-group mat-tab-align-tabs="start">
+				<mat-tab label="Xero">
+					<div class="container" style="margin-bottom:  20px;">
+						<mat-dialog-content [formGroup]="accCodForm">
+							<div style="height: 10px;
+										margin-top: 10px;">
+							</div>			
+							<div class="container" 
+								 style="height: 300;">
+								<p  style="text-align:center">
+									<a mat-raised-button   	 
+									   color="primary" 
+									   href="{{this.xeroLink}}">
+										{{ linkMsg }}
+									</a>
+								</p>
 
-						<table *ngIf="linked2Xero"
-						       [style.width.%]="100"
-						       style="margin-top: 10px;">
-							<thead style="width: 100%;">
-								<tr>
-									<th class="urlLabel"
-									    style="text-align: left;" 
-									    width="94%">Payment Service URL:
-									</th>
-									<th></th>
-								</tr>
-							</thead>
-							<tbody>
-								<td class="urlDetail" 
-								    style="text-align: left;" 
-								    width="94%">
-								    <div>
-										<textarea disabled
-										    style="font-size: 10px !important;
-										           border: none;
-										    	   outline: none;
-										    	   min-height: 150px;
-										    	   width: 95%;"
-									        cdkTextareaAutosize
-									        cdkAutosizeMinRows="6"
-									        cdkAutosizeMaxRows="10">{{ pmtServiceURL }}
-										</textarea>
-									</div>
+								<table *ngIf="linked2Xero"
+									   [style.width.%]="100"
+									   style="margin-top: 10px;">
+									<thead style="width: 100%;">
+										<tr>
+											<th class="urlLabel"
+												style="text-align: left;" 
+												width="94%">Payment Service URL:
+											</th>
+											<th></th>
+										</tr>
+									</thead>
+									<tbody>
+										<td class="urlDetail" 
+											style="text-align: left;" 
+											width="94%">
+											<div>
+												<textarea disabled
+														  style="font-size: 10px !important;
+																 border: none;
+																 outline: none;
+																 min-height: 150px;
+																 width: 95%;"
+														  cdkTextareaAutosize
+														  cdkAutosizeMinRows="6"
+														  cdkAutosizeMaxRows="10">{{ pmtServiceURL }}
+												</textarea>
+											</div>
 
-								</td>
-								<td class="urlCopyBtn">
-							        <a (click)='copyUrl()' >	
-									   <fa-icon [icon]="faCopy" 
-									            class="copy-button">
-									   </fa-icon>
-								   </a>
-								</td>
-							</tbody>
-						</table>
-					<div style="height: 10px;
-								margin-top: 10px;">
-					</div>			
-					<mat-form-field  *ngIf="linked2Xero"
+										</td>
+										<td class="urlCopyBtn">
+											<a (click)='copyUrl()' >	
+												<fa-icon [icon]="faCopy" 
+											class="copy-button">
+												</fa-icon>
+											</a>
+										</td>
+									</tbody>
+								</table>
+								<div style="height: 10px;
+											margin-top: 10px;">
+								</div>			
+								<mat-form-field  *ngIf="linked2Xero"
 									 class="settings-field"
-					                 [style.width.%]="100">
-						<mat-label>Account Code</mat-label>
-						<input matInput 
-							   width="100%"
-							   placeholder="9999999999" 
-							   formControlName="xAcc"
-							   (keyup)="checkStatus($event)">
-<!--   
-							   (change)="xeroAccCodChanged($event)">
--->
-					</mat-form-field>
-						
+									 [style.width.%]="100">
+									<mat-label>Account Code</mat-label>
+									<input matInput 
+										   width="100%"
+										   placeholder="9999999999" 
+										   formControlName="xAcc"
+										   (keyup)="checkStatus($event)">
+								</mat-form-field>
+
+							</div>	
+						</mat-dialog-content>		
 					</div>	
-				</mat-dialog-content>		
-			</div>	
-			<div class="container" 
-			 	 style="display: flex;
-						justify-content: space-between;
-						align-items: center;">
-				<button mat-raised-button 
-						(click)="closeIntegration()">
-					Close
-				</button>
-				<button *ngIf="saveAccOk" 
-				        mat-raised-button 
-						color="primary" 
-						(click)="saveAccCod()">
-					Save Code
-				</button>
-			</div>
-			<div style="height: 20px;
-						margin-top: 10px;">
-			</div>			
+					<div class="container" 
+						 style="display: flex;
+								justify-content: space-between;
+								align-items: center;">
+						<button mat-raised-button 
+								(click)="closeIntegration()">
+							Close
+						</button>
+						<button *ngIf="saveAccOk" 
+								mat-raised-button 
+								color="primary" 
+								(click)="saveAccCod()">
+							Save Code
+						</button>
+					</div>
+					<div style="height: 20px;
+								margin-top: 10px;">
+					</div>			
+				</mat-tab>
+				<mat-tab label="WooCommerce">
+					<p>Woo va aqui</p>
+				</mat-tab>
+			</mat-tab-group>
 		</mat-tab>
 	</mat-tab-group>
 </div>