diff --git a/changes/11828-chromeos-to-manage-hosts b/changes/11828-chromeos-to-manage-hosts
new file mode 100644
index 0000000000..37533f30ed
--- /dev/null
+++ b/changes/11828-chromeos-to-manage-hosts
@@ -0,0 +1 @@
+- Added features for ChromeOS support to the ManageHosts page
diff --git a/frontend/components/NotSupported/NotSupported.tsx b/frontend/components/NotSupported/NotSupported.tsx
new file mode 100644
index 0000000000..d40c2dbff6
--- /dev/null
+++ b/frontend/components/NotSupported/NotSupported.tsx
@@ -0,0 +1,6 @@
+import React from "react";
+
+export const NotSupported = (
+  <span className="not-supported">Not supported</span>
+);
+export default NotSupported;
diff --git a/frontend/components/NotSupported/_styles.scss b/frontend/components/NotSupported/_styles.scss
new file mode 100644
index 0000000000..115cad9ba8
--- /dev/null
+++ b/frontend/components/NotSupported/_styles.scss
@@ -0,0 +1,3 @@
+.not-supported {
+  color: $ui-fleet-black-50;
+}
diff --git a/frontend/components/NotSupported/index.ts b/frontend/components/NotSupported/index.ts
new file mode 100644
index 0000000000..18c92173f5
--- /dev/null
+++ b/frontend/components/NotSupported/index.ts
@@ -0,0 +1 @@
+export { default } from "./NotSupported";
diff --git a/frontend/pages/hosts/ManageHostsPage/HostTableConfig.tsx b/frontend/pages/hosts/ManageHostsPage/HostTableConfig.tsx
index f53985e1f1..d228f54504 100644
--- a/frontend/pages/hosts/ManageHostsPage/HostTableConfig.tsx
+++ b/frontend/pages/hosts/ManageHostsPage/HostTableConfig.tsx
@@ -17,6 +17,8 @@ import TruncatedTextCell from "components/TableContainer/DataTable/TruncatedText
 import TooltipWrapper from "components/TooltipWrapper";
 import HumanTimeDiffWithDateTip from "components/HumanTimeDiffWithDateTip";
 import CustomLink from "components/CustomLink";
+import NotSupported from "components/NotSupported";
+
 import {
   humanHostMemory,
   humanHostLastRestart,
@@ -286,12 +288,15 @@ const allHostTableHeaders: IDataColumn[] = [
       />
     ),
     accessor: "gigs_disk_space_available",
-    Cell: (cellProps: INumberCellProps): JSX.Element => {
+    Cell: (cellProps: INumberCellProps) => {
       const {
         id,
         platform,
         percent_disk_space_available,
       } = cellProps.row.original;
+      if (platform === "chrome") {
+        return NotSupported;
+      }
       return (
         <DiskSpaceGraph
           baseClass="gigs_disk_space_available__cell"
@@ -402,8 +407,12 @@ const allHostTableHeaders: IDataColumn[] = [
     accessor: "mdm.enrollment_status",
     id: "mdm_enrollment_status",
     Cell: (cellProps: ICellProps) => {
-      if (cellProps.cell.value)
+      if (cellProps.row.original.platform === "chrome") {
+        return NotSupported;
+      }
+      if (cellProps.cell.value) {
         return <TextCell value={cellProps.cell.value} />;
+      }
       return <span className="text-muted">{DEFAULT_EMPTY_CELL_VALUE}</span>;
     },
   },
@@ -433,10 +442,13 @@ const allHostTableHeaders: IDataColumn[] = [
     accessor: "mdm.server_url",
     id: "mdm_server_url",
     Cell: (cellProps: ICellProps) => {
+      if (cellProps.row.original.platform === "chrome") {
+        return NotSupported;
+      }
       if (cellProps.cell.value) {
         return <TextCell value={cellProps.cell.value} />;
       }
-      return <span className="text-muted">---</span>;
+      return <span className="text-muted">{DEFAULT_EMPTY_CELL_VALUE}</span>;
     },
   },
   {
@@ -565,8 +577,11 @@ const allHostTableHeaders: IDataColumn[] = [
     ),
     accessor: "uptime",
     Cell: (cellProps: ICellProps) => {
-      const { uptime, detail_updated_at } = cellProps.row.original;
+      const { uptime, detail_updated_at, platform } = cellProps.row.original;
 
+      if (platform === "chrome") {
+        return NotSupported;
+      }
       return (
         <TextCell
           value={{
diff --git a/frontend/pages/hosts/ManageHostsPage/_styles.scss b/frontend/pages/hosts/ManageHostsPage/_styles.scss
index c10de13b62..8a7fc65033 100644
--- a/frontend/pages/hosts/ManageHostsPage/_styles.scss
+++ b/frontend/pages/hosts/ManageHostsPage/_styles.scss
@@ -234,6 +234,10 @@
   &__status_dropdown {
     width: 165px;
 
+    @media (min-width: 1100px) {
+      width: 180px;
+    }
+
     .Select-menu-outer {
       width: 364px;
       max-height: 310px;
diff --git a/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss
index 2ab9029815..76e6c1a7a2 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss
+++ b/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/_styles.scss
@@ -14,7 +14,6 @@
     border: 1px solid $ui-fleet-black-10;
     background-color: $ui-light-grey;
     border-radius: $border-radius;
-    height: 40px;
 
     &--is-focused,
     &--menu-is-open,
@@ -34,7 +33,7 @@
       content: url(../assets/images/icon-filter-v2-black-16x16@2x.png);
       transform: scale(0.5);
       left: -6px;
-      top: -1px;
+      margin-top: 4px;
     }
   }
 
@@ -122,3 +121,9 @@
     }
   }
 }
+
+@media (min-width: 1100px) {
+  .label-filter-select {
+    width: 180px;
+  }
+}
diff --git a/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/constants.ts b/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/constants.ts
index 20da8ac009..697b5b7880 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/constants.ts
+++ b/frontend/pages/hosts/ManageHostsPage/components/LabelFilterSelect/constants.ts
@@ -12,6 +12,7 @@ export const PLATFORM_TYPE_ICONS: Record<string, any> = {
   "All Linux": "linux",
   macOS: "darwin",
   "MS Windows": "windows",
+  chrome: "chrome",
 };
 
 export const FILTERED_LINUX = ["Red Hat Linux", "CentOS Linux", "Ubuntu Linux"];
diff --git a/frontend/utilities/constants.ts b/frontend/utilities/constants.ts
index fa246a31cd..a1a3ab65fe 100644
--- a/frontend/utilities/constants.ts
+++ b/frontend/utilities/constants.ts
@@ -161,6 +161,7 @@ export const PLATFORM_LABEL_DISPLAY_NAMES: Record<string, string> = {
   "MS Windows": "Windows",
   "Red Hat Linux": "Red Hat Linux",
   "Ubuntu Linux": "Ubuntu Linux",
+  chrome: "ChromeOS",
 };
 
 export const PLATFORM_LABEL_DISPLAY_ORDER = [
@@ -180,6 +181,7 @@ export const PLATFORM_LABEL_DISPLAY_TYPES: Record<string, string> = {
   "MS Windows": "platform",
   "Red Hat Linux": "platform",
   "Ubuntu Linux": "platform",
+  chrome: "platform",
 };
 
 interface IPlatformDropdownOptions {