diff --git a/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx b/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx
index 56221cc833..883dcc64f3 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx
+++ b/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/EditColumnsModal.jsx
@@ -61,7 +61,7 @@ const EditColumnsModal = ({
 
   return (
     <Modal title="Edit columns" onExit={onCancelColumns} className={baseClass}>
-      <>
+      <div className="form">
         <p>Choose which columns you see:</p>
         <div className={`${baseClass}__column-headers`}>
           {columnItems.map((column) => {
@@ -90,7 +90,7 @@ const EditColumnsModal = ({
             Cancel
           </Button>
         </div>
-      </>
+      </div>
     </Modal>
   );
 };
diff --git a/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/_styles.scss
index 9b17c6a3d3..aa487c38bf 100644
--- a/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/_styles.scss
+++ b/frontend/pages/hosts/ManageHostsPage/components/EditColumnsModal/_styles.scss
@@ -1,7 +1,7 @@
 .edit-columns-modal {
   &__column-headers {
     display: grid;
-    grid-template-columns: 1fr 1fr ;
-    grid-column-gap: $pad-medium;
+    grid-template-columns: 1fr 1fr;
+    gap: $pad-medium;
   }
 }