From e8719461a6988ba172a71f046482e2556343aba5 Mon Sep 17 00:00:00 2001
From: Noisekit <nikita@cc.snxdao.io>
Date: Fri, 25 Aug 2023 14:05:28 +0800
Subject: [PATCH] Fix Dapps UI allowing more buttons (#27)

---
 src/renderer/DApps/Dapps.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/DApps/Dapps.tsx b/src/renderer/DApps/Dapps.tsx
index 32dda59..eed6584 100644
--- a/src/renderer/DApps/Dapps.tsx
+++ b/src/renderer/DApps/Dapps.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Heading, Image, Link, Spinner, Stack } from '@chakra-ui/react';
+import { Box, Button, Heading, Image, Link, Spinner, Flex } from '@chakra-ui/react';
 import { ExternalLinkIcon } from '@chakra-ui/icons';
 import { useDapps } from './useDapps';
 import { DappType } from '../../config';
@@ -30,11 +30,11 @@ export function Dapps() {
         <Heading mb="3" size="sm">
           Available DApps:
         </Heading>
-        <Stack direction="row" spacing={6} justifyContent="start" mb="2">
+        <Flex direction="row" gap={2} justifyContent="start" mb="2" flexWrap="wrap">
           {dapps.map((dapp: DappType) => (
             <DappButton key={dapp.id} dapp={dapp} />
           ))}
-        </Stack>
+        </Flex>
       </Box>
     </Box>
   );