diff --git a/package-lock.json b/package-lock.json
index fbe94358fb..cdbd14cf6d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "dependencies": {
         "@kong-ui-public/i18n": "^2.1.6",
         "@kong/icons": "^1.9.1",
-        "@kong/kongponents": "9.0.0-alpha.156",
+        "@kong/kongponents": "^9.0.0-alpha.158",
         "@vueuse/core": "^10.9.0",
         "brandi": "^5.0.0",
         "deepmerge": "^4.3.1",
@@ -4416,9 +4416,9 @@
       }
     },
     "node_modules/@kong/kongponents": {
-      "version": "9.0.0-alpha.156",
-      "resolved": "https://registry.npmjs.org/@kong/kongponents/-/kongponents-9.0.0-alpha.156.tgz",
-      "integrity": "sha512-AXBmo63qgfwtFe+xdcNdEkfyXJrH5y91yjgR3EE9EDXpTw4f2WfaFh80kbwaQVs1pkUeKcKwzDw8KFu2EGjCkQ==",
+      "version": "9.0.0-alpha.158",
+      "resolved": "https://registry.npmjs.org/@kong/kongponents/-/kongponents-9.0.0-alpha.158.tgz",
+      "integrity": "sha512-f/z5LVjHPd5JFEptDg4MEyrH+ncqR52RCwM7HfJKVBDoPGXOBrHlLQtLaieUOCLx+6b6kvDx/3kPd49hVFQ30w==",
       "dependencies": {
         "@kong/icons": "^1.9.1",
         "@popperjs/core": "^2.11.8",
diff --git a/package.json b/package.json
index 994c2fadfc..b18ac0baf0 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
   "dependencies": {
     "@kong-ui-public/i18n": "^2.1.6",
     "@kong/icons": "^1.9.1",
-    "@kong/kongponents": "9.0.0-alpha.156",
+    "@kong/kongponents": "^9.0.0-alpha.158",
     "@vueuse/core": "^10.9.0",
     "brandi": "^5.0.0",
     "deepmerge": "^4.3.1",
diff --git a/src/app/kuma/components/ApplicationShell.vue b/src/app/kuma/components/ApplicationShell.vue
index 874970d742..2c9fefd58f 100644
--- a/src/app/kuma/components/ApplicationShell.vue
+++ b/src/app/kuma/components/ApplicationShell.vue
@@ -85,8 +85,8 @@
             :kpop-attributes="{ placement: 'bottomEnd' }"
           >
             <KButton
+              icon
               appearance="tertiary"
-              icon-only
             >
               <HelpIcon />
 
@@ -128,7 +128,7 @@
           <KButton
             :to="{ name: 'diagnostics' }"
             appearance="tertiary"
-            icon-only
+            icon
             data-testid="nav-item-diagnostics"
           >
             <CogIcon />
diff --git a/src/app/zone-ingresses/views/ZoneIngressServicesView.vue b/src/app/zone-ingresses/views/ZoneIngressServicesView.vue
index 24f12a3ac2..e5703d1398 100644
--- a/src/app/zone-ingresses/views/ZoneIngressServicesView.vue
+++ b/src/app/zone-ingresses/views/ZoneIngressServicesView.vue
@@ -70,7 +70,7 @@
                 <KButton
                   class="non-visual-button"
                   appearance="secondary"
-                  icon-only
+                  icon
                 >
                   <MoreIcon />
                 </KButton>
diff --git a/src/app/zones/views/ZoneListView.vue b/src/app/zones/views/ZoneListView.vue
index 7e6747e179..f9b0a62262 100644
--- a/src/app/zones/views/ZoneListView.vue
+++ b/src/app/zones/views/ZoneListView.vue
@@ -196,7 +196,7 @@
                       <KButton
                         class="non-visual-button"
                         appearance="secondary"
-                        icon-only
+                        icon
                       >
                         <MoreIcon />
                       </KButton>