Fix spacing in icon search and all list examples (jpmorganchase#673)

ovpv · Nov 16, 2022 · 5a626cb · 5a626cb
1 parent f6223e4
commit 5a626cb
Showing 1 changed file with 2 additions and 10 deletions.
diff --git a/packages/icons/stories/icon.stories.tsx b/packages/icons/stories/icon.stories.tsx
@@ -97,11 +97,7 @@ export const CustomIconFullSVG: ComponentStory<typeof Icon> = () => {
 
 export const AllIcons: ComponentStory<typeof Icon> = () => {
   return (
-    <FlexLayout
-      wrap
-      gap={4}
-      style={{ paddingBlock: "1rem", maxWidth: "650px" }}
-    >
+    <FlexLayout wrap gap={1} style={{ paddingBlock: "1rem" }}>
       {allIcons.map((iconComponent, i) => {
         return createElement(iconComponent, { key: i, size: 1 });
       })}
@@ -120,11 +116,7 @@ export const AllIconsWithSearch: ComponentStory<typeof Icon> = () => {
       >
         <Input value={inputText} onChange={(_, value) => setInputText(value)} />
       </FormField>
-      <FlexLayout
-        wrap
-        gap={4}
-        style={{ paddingBlock: "1rem", maxWidth: "650px" }}
-      >
+      <FlexLayout wrap gap={1} style={{ paddingBlock: "1rem" }}>
         {allIconNames
           .filter(({ name, icon }) => new RegExp(inputText, "i").test(name))
           .map(({ name, icon }, i) => {