From 3449e4649b943293bd1b4f841a53af424174fd73 Mon Sep 17 00:00:00 2001
From: Andrei Zhaleznichenka <zhalea@amazon.de>
Date: Mon, 25 Nov 2024 17:34:25 +0100
Subject: [PATCH] feat: Use column layout in items palette

---
 src/items-palette/internal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/items-palette/internal.tsx b/src/items-palette/internal.tsx
index 8d1cbce0..844145e3 100644
--- a/src/items-palette/internal.tsx
+++ b/src/items-palette/internal.tsx
@@ -3,7 +3,7 @@
 import { useRef, useState } from "react";
 
 import { getIsRtl } from "@cloudscape-design/component-toolkit/internal";
-import SpaceBetween from "@cloudscape-design/components/space-between";
+import ColumnLayout from "@cloudscape-design/components/column-layout";
 
 import { getDataAttributes } from "../internal/base-component/get-data-attributes";
 import { InternalBaseComponentProps } from "../internal/base-component/use-base-component";
@@ -72,7 +72,7 @@ export function InternalItemsPalette<D>({
   return (
     <div ref={__internalRootRef} {...getDataAttributes(rest)}>
       <div ref={paletteRef} className={styles.root}>
-        <SpaceBetween size="l">
+        <ColumnLayout columns={3}>
           {items.map((item) => (
             <ItemContainer
               ref={(elem) => {
@@ -100,7 +100,7 @@ export function InternalItemsPalette<D>({
               {(hasDropTarget) => renderItem(item, { showPreview: hasDropTarget })}
             </ItemContainer>
           ))}
-        </SpaceBetween>
+        </ColumnLayout>
       </div>
 
       <LiveRegion>{announcement}</LiveRegion>