diff --git a/frontend/pages/hosts/ManageHostsPage/components/NoHosts/NoHosts.tsx b/frontend/pages/hosts/ManageHostsPage/components/NoHosts/NoHosts.tsx
index ed62f69607..d002b09a84 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/NoHosts/NoHosts.tsx
+++ b/frontend/pages/hosts/ManageHostsPage/components/NoHosts/NoHosts.tsx
@@ -10,7 +10,7 @@ const baseClass = "no-hosts";
 const NoHosts = (): JSX.Element => {
   return (
     <div className={`${baseClass}`}>
-      <div className={`${baseClass}--no-hosts__inner`}>
+      <div className={`${baseClass}__inner`}>
         <img src={RoboDogImage} alt="No Hosts" />
         <div>
           <h1>It&#39;s kinda empty in here...</h1>