From 7bd6bde38839adecc59b37efbbe9d74127805c0d Mon Sep 17 00:00:00 2001
From: Adam Harvey <adam.harvey@dxc.com>
Date: Tue, 23 Feb 2021 08:46:46 -0500
Subject: [PATCH] Move line break to a Box

---
 .../components/BuildWithStepsPage/BuildWithStepsPage.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/plugins/jenkins/src/components/BuildWithStepsPage/BuildWithStepsPage.tsx b/plugins/jenkins/src/components/BuildWithStepsPage/BuildWithStepsPage.tsx
index 23618dec9e..65a213a1e6 100644
--- a/plugins/jenkins/src/components/BuildWithStepsPage/BuildWithStepsPage.tsx
+++ b/plugins/jenkins/src/components/BuildWithStepsPage/BuildWithStepsPage.tsx
@@ -17,6 +17,7 @@ import React from 'react';
 import { useParams } from 'react-router-dom';
 import { Breadcrumbs, Content, Link } from '@backstage/core';
 import {
+  Box,
   Typography,
   Paper,
   TableContainer,
@@ -33,9 +34,9 @@ import { JenkinsRunStatus } from '../BuildsPage/lib/Status';
 import ExternalLinkIcon from '@material-ui/icons/Launch';
 
 const useStyles = makeStyles(theme => ({
-  root: {
-    maxWidth: 720,
-  },
+  // root: {
+  //   maxWidth: 720,
+  // },
   table: {
     padding: theme.spacing(1),
   },
@@ -58,7 +59,7 @@ const BuildWithStepsView = () => {
         <Link to="../../..">Projects</Link>
         <Typography>Run</Typography>
       </Breadcrumbs>
-      <br />
+      <Box m={2} />
       <TableContainer component={Paper} className={classes.table}>
         <Table>
           <TableBody>