From bcd4dedb5094117f0497249415dfbedfdfe9539d Mon Sep 17 00:00:00 2001
From: Kai Arrowood <kai.arrowood@konghq.com>
Date: Mon, 22 Apr 2024 15:45:36 -0400
Subject: [PATCH] fix(ktable): column visibility design feedback (#2152)

Apply design feedback - button/dropdown alignment.
---
 src/components/KTable/ColumnVisibilityMenu.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/KTable/ColumnVisibilityMenu.vue b/src/components/KTable/ColumnVisibilityMenu.vue
index cf1660e87f..cb19832e2e 100644
--- a/src/components/KTable/ColumnVisibilityMenu.vue
+++ b/src/components/KTable/ColumnVisibilityMenu.vue
@@ -2,6 +2,7 @@
   <div class="table-column-visibility-menu">
     <KDropdown
       data-testid="table-column-visibility-menu"
+      :kpop-attributes="{ placement: 'bottomEnd' }"
       @toggle-dropdown="handleDropdownToggle"
     >
       <KTooltip text="Show/Hide Columns">
@@ -189,7 +190,7 @@ onBeforeMount(() => {
 
     .apply-button {
       margin-left: var(--kui-space-auto, $kui-space-auto);
-      margin-right: var(--kui-space-auto, $kui-space-auto);
+      margin-right: var(--kui-space-20, $kui-space-20);
     }
   }