diff --git a/changes/issue-11665-two-column-edit-columns-modal b/changes/issue-11665-two-column-edit-columns-modal
new file mode 100644
index 0000000000..365a3c12b6
--- /dev/null
+++ b/changes/issue-11665-two-column-edit-columns-modal
@@ -0,0 +1 @@
+- change the edit columns modal on the hosts page to show the table headers names in two columns.
diff --git a/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx b/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx
index e3bcade400..56221cc833 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx
+++ b/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx
@@ -5,6 +5,8 @@ import Modal from "components/Modal";
 import Checkbox from "../../../../../components/forms/fields/Checkbox";
 import Button from "../../../../../components/buttons/Button";
 
+const baseClass = "edit-columns-modal";
+
 const useCheckboxListStateManagement = (allColumns, hiddenColumns) => {
   const [columnItems, setColumnItems] = useState(() => {
     return allColumns.map((column) => {
@@ -58,14 +60,10 @@ const EditColumnsModal = ({
   );
 
   return (
-    <Modal
-      title="Edit columns"
-      onExit={onCancelColumns}
-      className={"edit-columns-modal"}
-    >
+    <Modal title="Edit columns" onExit={onCancelColumns} className={baseClass}>
       <>
         <p>Choose which columns you see:</p>
-        <div className={"modal-items"}>
+        <div className={`${baseClass}__column-headers`}>
           {columnItems.map((column) => {
             if (column.disableHidden) return null;
             return (
diff --git a/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/_styles.scss
new file mode 100644
index 0000000000..9b17c6a3d3
--- /dev/null
+++ b/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/_styles.scss
@@ -0,0 +1,7 @@
+.edit-columns-modal {
+  &__column-headers {
+    display: grid;
+    grid-template-columns: 1fr 1fr ;
+    grid-column-gap: $pad-medium;
+  }
+}