diff --git a/addons/rose/addon/styles/rose/components/layout/_global.scss b/addons/rose/addon/styles/rose/components/layout/_global.scss
index 2100c70eb..cfc218e4e 100644
--- a/addons/rose/addon/styles/rose/components/layout/_global.scss
+++ b/addons/rose/addon/styles/rose/components/layout/_global.scss
@@ -13,6 +13,7 @@
 
   .rose-layout-global-body {
     grid-area: body;
+    margin: 0 sizing.rems(m);
   }
 
   .rose-layout-global-header {
diff --git a/ui/core/app/styles/_host-catalogs.scss b/ui/core/app/styles/_host-catalogs.scss
new file mode 100644
index 000000000..1bd06bd24
--- /dev/null
+++ b/ui/core/app/styles/_host-catalogs.scss
@@ -0,0 +1,7 @@
+@use 'rose/variables/sizing';
+
+.host-catalogs {
+  .description {
+    padding-bottom: sizing.rems(s);
+  }
+}
diff --git a/ui/core/app/styles/app.scss b/ui/core/app/styles/app.scss
index ea53643d3..9a2f54344 100644
--- a/ui/core/app/styles/app.scss
+++ b/ui/core/app/styles/app.scss
@@ -2,6 +2,7 @@
 
 @import 'rose';
 @import 'notify';
+@import 'host-catalogs';
 
 .rose-nav-sidebar {
   margin-top: sizing.rems(xxl);
@@ -19,10 +20,6 @@
   }
 }
 
-.rose-layout-global-body {
-  margin: 0 sizing.rems(m);
-}
-
 .project-overview,
 .project-new {
   .breadcrumbs,
diff --git a/ui/core/app/templates/orgs/org/projects/project/host-catalogs/index.hbs b/ui/core/app/templates/orgs/org/projects/project/host-catalogs/index.hbs
index 9194d73de..64dba757e 100644
--- a/ui/core/app/templates/orgs/org/projects/project/host-catalogs/index.hbs
+++ b/ui/core/app/templates/orgs/org/projects/project/host-catalogs/index.hbs
@@ -1,7 +1,6 @@
-<Rose::Layout::Page as |page|>
-
+<Rose::Layout::Page class="host-catalogs" as |page|>
   <page.header>
-    <h2>{{t "resources.host-catalogs"}}</h2>
+    <h2>{{t 'resources.host-catalogs'}}</h2>
   </page.header>
 
   <page.actions>
@@ -13,7 +12,16 @@
   </page.actions>
 
   <page.body>
+    <div class="description">{{t 'descriptions.host-catalogs'}}</div>
+
     <Rose::Table as |table|>
+      <table.header as |header|>
+        <header.row as |row|>
+          <row.cell>{{t 'table.headers.name'}}</row.cell>
+          <row.cell>{{t 'table.headers.type'}}</row.cell>
+          <row.cell>{{t 'table.headers.description'}}</row.cell>
+        </header.row>
+      </table.header>
       <table.body as |body|>
         {{#each @model as |hostCatalog|}}
           <body.row as |row|>
@@ -25,6 +33,8 @@
                 {{hostCatalog.name}}
               </LinkTo>
             </row.cell>
+            <row.cell>{{hostCatalog.type}}</row.cell>
+            <row.cell>{{hostCatalog.description}}</row.cell>
           </body.row>
         {{/each}}
       </table.body>
diff --git a/ui/core/translations/en-us.yaml b/ui/core/translations/en-us.yaml
index a6cb7e4c1..dfc17716b 100644
--- a/ui/core/translations/en-us.yaml
+++ b/ui/core/translations/en-us.yaml
@@ -12,6 +12,8 @@ titles:
   new: New
   overview: Overview
   settings: Settings
+descriptions:
+  host-catalogs: Overview of collections of hosts and host sets.
 states:
   info: Info
   success: Success
@@ -21,6 +23,11 @@ form:
   label:
     name: Name
     description: Description
+table:
+  headers:
+    type: Type
+    name: Name
+    description: Description
 dev:
   default-org: Default Org
   menu-item: Menu item