From c5ef12926b45848224253530dcd3f1154da20ed2 Mon Sep 17 00:00:00 2001
From: Abhishek Jakhar <abhishekjakhar.11@gmail.com>
Date: Wed, 21 Oct 2020 14:32:33 +0530
Subject: [PATCH] fix: accordion details design for job stage failure  (#3014)

* fix the design of accordion details on job stage failure

* add changeset
---
 .changeset/flat-yaks-march.md                           | 5 +++++
 plugins/scaffolder/src/components/JobStage/JobStage.tsx | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/flat-yaks-march.md

diff --git a/.changeset/flat-yaks-march.md b/.changeset/flat-yaks-march.md
new file mode 100644
index 0000000000..6b26206eb8
--- /dev/null
+++ b/.changeset/flat-yaks-march.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-scaffolder': patch
+---
+
+fix the accordion details design when job stage fail
diff --git a/plugins/scaffolder/src/components/JobStage/JobStage.tsx b/plugins/scaffolder/src/components/JobStage/JobStage.tsx
index 0baba0c9b9..5128a761ec 100644
--- a/plugins/scaffolder/src/components/JobStage/JobStage.tsx
+++ b/plugins/scaffolder/src/components/JobStage/JobStage.tsx
@@ -125,7 +125,9 @@ export const JobStage = ({ endedAt, startedAt, name, log, status }: Props) => {
       </AccordionSummary>
       <AccordionDetails className={classes.accordionDetails}>
         {log.length === 0 ? (
-          <Box px={4}>No logs available for this step</Box>
+          <Box px={9} pb={2} width="100%">
+            No logs available for this step
+          </Box>
         ) : (
           <Suspense fallback={<LinearProgress />}>
             <div style={{ height: '20vh', width: '100%' }}>