From d9b260724b9230efaaa46bccca6fabd2e65f7ddc Mon Sep 17 00:00:00 2001
From: sophia-massie <smassie@tacc.utexas.edu>
Date: Wed, 30 Oct 2024 17:06:43 -0500
Subject: [PATCH] - Removes issue with width - Adds width for error message

---
 react/src/components/Projects/ProjectListing.module.css | 5 ++++-
 react/src/components/Projects/ProjectListing.tsx        | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/react/src/components/Projects/ProjectListing.module.css b/react/src/components/Projects/ProjectListing.module.css
index 9a6254ec..03da461b 100644
--- a/react/src/components/Projects/ProjectListing.module.css
+++ b/react/src/components/Projects/ProjectListing.module.css
@@ -1,6 +1,5 @@
 .root {
   display: flex;
-  justify-content: center;
   width: 100%;
 }
 .projectList {
@@ -8,6 +7,10 @@
   overflow-y: scroll;
   padding: 10px;
 }
+.errorMessage {
+  width: 100%;
+  padding: 10px;
+}
 .projectList th {
   background: #d0d0d0;
   max-width: fit-content;
diff --git a/react/src/components/Projects/ProjectListing.tsx b/react/src/components/Projects/ProjectListing.tsx
index ab46e8b4..bf394762 100644
--- a/react/src/components/Projects/ProjectListing.tsx
+++ b/react/src/components/Projects/ProjectListing.tsx
@@ -28,6 +28,7 @@ const ProjectListing: React.FC = () => {
   if (isError) {
     return (
       <div className={styles.root}>
+        <div className={styles.errorMessage}>
         <SectionMessage type="error">
           There was an error gathering your maps.{' '}
           {/*@ts-ignore: Suppress error typing issues*/}
@@ -41,6 +42,7 @@ const ProjectListing: React.FC = () => {
             Click here to submit a ticket to DesignSafe.
           </a>
         </SectionMessage>
+        </div>
       </div>
     );
   }