diff --git a/AzureFunctions.AngularClient/src/app/function-manage/function-manage.component.css b/AzureFunctions.AngularClient/src/app/function-manage/function-manage.component.css
index de888fc182..cffcca87a0 100644
--- a/AzureFunctions.AngularClient/src/app/function-manage/function-manage.component.css
+++ b/AzureFunctions.AngularClient/src/app/function-manage/function-manage.component.css
@@ -20,12 +20,15 @@ pre {
 }
 
 .delete-app {
-    padding-left: 50px;
+    margin-left: 50px;
+    padding: 0 2px 0 0;
     display: flex;
+    border: none;
+    background: transparent;
 }
 
 .icon-small{
-    margin-right: 5px;
+    margin-right: 2px;
 }
 
 #submit-delete {
diff --git a/AzureFunctions.AngularClient/src/app/function-manage/function-manage.component.html b/AzureFunctions.AngularClient/src/app/function-manage/function-manage.component.html
index 0039f82205..b1db972c3b 100644
--- a/AzureFunctions.AngularClient/src/app/function-manage/function-manage.component.html
+++ b/AzureFunctions.AngularClient/src/app/function-manage/function-manage.component.html
@@ -6,10 +6,10 @@
                 <radio-selector *ngIf="!runtimeVersion" [disabled]="true" [options]="functionStatusOptions" [defaultValue]="!!functionInfo.config.disabled"></radio-selector>
                 <radio-selector *ngIf="runtimeVersion === 'V1'" [fnWriteAccess]="functionApp" [options]="functionStatusOptions" [defaultValue]="!!functionInfo.config.disabled" (value)="functionStateValueChange.next($event)"></radio-selector>
                 <radio-selector *ngIf="runtimeVersion === 'V2'" [options]="functionStatusOptions" [defaultValue]="!!functionInfo.config.disabled" (value)="functionStateValueChange.next($event)"></radio-selector>
-                <span class="clickable delete-app" (click)="deleteFunction()" [fnWriteAccess]="functionApp">
-                    <span load-image="image/delete.svg" class="icon-small"></span>
+                <button class="delete-app" (click)="deleteFunction()" [fnWriteAccess]="functionApp">
+                    <span load-image="image/delete.svg" class="icon-small" role="presentation"></span>
                     {{ 'functionManage_deleteFunction' | translate }}
-                </span>
+                </button>
             </div>
         </div>
     </div>