From b355b17ffa06e6a2c6d1b7707faaf25dba7c46fb Mon Sep 17 00:00:00 2001
From: swapnil-verma-gl <92505353+swapnil-verma-gl@users.noreply.github.com>
Date: Wed, 7 Aug 2024 12:25:54 +0530
Subject: [PATCH] [ACS-8211] Fixed UI issues in standalone task component after
 ng15 upgrade (#10046)

---
 .../components/task-standalone/task-standalone.component.html  | 2 +-
 .../components/task-standalone/task-standalone.component.scss  | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.html b/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.html
index 15abdbd0d1..ba9f8b11c2 100644
--- a/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.html
+++ b/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.html
@@ -1,4 +1,4 @@
-<mat-card appearance="outlined" class="adf-message-card">
+<mat-card appearance="raised" class="adf-message-card">
     <mat-card-content>
         <div class="adf-no-form-message-container">
             <div class="adf-no-form-message-list">
diff --git a/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.scss b/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.scss
index 8e690077cc..930bb572f9 100644
--- a/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.scss
+++ b/lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.scss
@@ -4,6 +4,7 @@
     width: 60%;
     box-sizing: border-box;
     margin: 16px auto;
+    padding: 8px 8px 0;
 
     .adf-no-form-mat-card-actions {
         border-top: solid 1px var(--adf-theme-background-status-bar-color);
@@ -43,7 +44,7 @@
             display: flex;
             justify-content: space-between;
 
-            & .mat-mdc-button {
+            & button {
                 text-transform: uppercase;
                 border-radius: 5px;
             }