From afa5f054afa2449ee258a8cb40261f3d051d4c5c Mon Sep 17 00:00:00 2001
From: Sarah Gillespie <73313222+gillespi314@users.noreply.github.com>
Date: Wed, 31 Jan 2024 10:20:40 -0600
Subject: [PATCH] Adjust empty state for run script modal UI (#16436)

---
 .../modals/RunScriptModal/RunScriptModal.tsx                | 4 ++--
 .../HostDetailsPage/modals/RunScriptModal/_styles.scss      | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/RunScriptModal.tsx b/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/RunScriptModal.tsx
index ac63dfdf85..d570e6e725 100644
--- a/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/RunScriptModal.tsx
+++ b/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/RunScriptModal.tsx
@@ -139,10 +139,10 @@ const RunScriptModal = ({
         <div className={`${baseClass}__modal-content`}>
           {isLoading && <Spinner />}
           {!isLoading && isError && <DataError />}
-          {!isLoading && !isError && tableData && tableData.length === 0 && (
+          {!isLoading && !isError && (!tableData || tableData.length === 0) && (
             <EmptyTable
               header="No scripts are available for this host"
-              info="Expecting to see scripts? Try selecting “Refetch” to ask this host to report new vitals."
+              info="Expecting to see scripts? Try selecting “Refetch” to ask the host to report new vitals."
             />
           )}
           {!isLoading && !isError && tableData && tableData.length > 0 && (
diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/_styles.scss b/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/_styles.scss
index c8f03ea6f3..f240afae03 100644
--- a/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/_styles.scss
+++ b/frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/_styles.scss
@@ -6,6 +6,12 @@
     display: flex;
     flex-direction: column;
     gap: $pad-xlarge;
+
+    .empty-table__container {
+      max-width: none;
+      margin: 0 0 20px 0;
+      align-self: center;
+    }
   }
 
   .modal-cta-wrap {