fix: tag

client/src/pages/kb/detail/components/Info.tsx

@@ -215,7 +215,7 @@ const Info = (
             setRefresh(!refresh);
             setRefresh(!refresh);
           }}
           }}
         />
         />
-        <Box w={'100%'} pl={['90px', '160px']} mt={2}>
+        <Flex w={'100%'} pl={['90px', '160px']} mt={2}>
           {getValues('tags')
           {getValues('tags')
             .split(' ')
             .split(' ')
             .filter((item) => item)
             .filter((item) => item)
@@ -224,7 +224,7 @@ const Info = (
                 {item}
                 {item}
               </Tag>
               </Tag>
             ))}
             ))}
-        </Box>
+        </Flex>
       </Flex>
       </Flex>
 
 
       <Flex mt={5} w={'100%'} alignItems={'flex-end'}>
       <Flex mt={5} w={'100%'} alignItems={'flex-end'}>

client/src/pages/kb/list/index.tsx

@@ -132,11 +132,13 @@ const Kb = () => {
               />
               />
             </Flex>
             </Flex>
             <Box flex={'1 0 0'} overflow={'hidden'} pt={2}>
             <Box flex={'1 0 0'} overflow={'hidden'} pt={2}>
-              {kb.tags.map((tag, i) => (
-                <Tag key={i} mr={2} mb={2}>
-                  {tag}
-                </Tag>
-              ))}
+              <Flex>
+                {kb.tags.map((tag, i) => (
+                  <Tag key={i} mr={2} mb={2}>
+                    {tag}
+                  </Tag>
+                ))}
+              </Flex>
             </Box>
             </Box>
           </Card>
           </Card>
         ))}
         ))}