diff --git a/changes/10328-clipped-icons b/changes/10328-clipped-icons
new file mode 100644
index 0000000000..00081c4302
--- /dev/null
+++ b/changes/10328-clipped-icons
@@ -0,0 +1 @@
+- Fix an issue where some icons would appear clipped at certain zoom levels
diff --git a/frontend/components/Icon/_styles.scss b/frontend/components/Icon/_styles.scss
index 13c4c4a4cf..03f557f68d 100644
--- a/frontend/components/Icon/_styles.scss
+++ b/frontend/components/Icon/_styles.scss
@@ -2,4 +2,8 @@
   // keeps this element the same size as the svg
   // aligns properly in text, buttons, dropdowns, summary tile custom component
   display: inline-flex;
+
+  svg {
+    padding: 1px;
+  }
 }
diff --git a/frontend/pages/policies/ManagePoliciesPage/_styles.scss b/frontend/pages/policies/ManagePoliciesPage/_styles.scss
index d57730a39b..fdb32f1271 100644
--- a/frontend/pages/policies/ManagePoliciesPage/_styles.scss
+++ b/frontend/pages/policies/ManagePoliciesPage/_styles.scss
@@ -152,8 +152,24 @@
   }
 
   .policy-icon {
-    margin-left: $pad-xsmall;
+    margin-left: 1px;
     position: relative;
-    bottom: -1px;
+  }
+
+  .policy-name-cell {
+    .children-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 2px;
+
+      .tooltip-base {
+        display: inline-flex;
+      }
+
+      .policy-name-text {
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+    }
   }
 }
diff --git a/frontend/pages/policies/ManagePoliciesPage/components/PoliciesTable/PoliciesTableConfig.tsx b/frontend/pages/policies/ManagePoliciesPage/components/PoliciesTable/PoliciesTableConfig.tsx
index b855bc1613..d4454c0e18 100644
--- a/frontend/pages/policies/ManagePoliciesPage/components/PoliciesTable/PoliciesTableConfig.tsx
+++ b/frontend/pages/policies/ManagePoliciesPage/components/PoliciesTable/PoliciesTableConfig.tsx
@@ -106,13 +106,14 @@ const generateTableHeaders = (options: {
       accessor: "name",
       Cell: (cellProps: ICellProps): JSX.Element => (
         <LinkCell
-          classes="w250"
+          classes="w250 policy-name-cell"
           value={
             <>
-              {cellProps.cell.value}
+              <div className="policy-name-text">{cellProps.cell.value}</div>
               {cellProps.row.original.critical && (
                 <>
                   <span
+                    className="tooltip-base"
                     data-tip
                     data-for={`critical-tooltip-${cellProps.row.original.id}`}
                   >