diff --git a/client/src/pages/kb/detail/components/Info.tsx b/client/src/pages/kb/detail/components/Info.tsx
index d4df7d5c7..b68442ed0 100644
--- a/client/src/pages/kb/detail/components/Info.tsx
+++ b/client/src/pages/kb/detail/components/Info.tsx
@@ -215,7 +215,7 @@ const Info = (
             setRefresh(!refresh);
           }}
         />
-        <Box w={'100%'} pl={['90px', '160px']} mt={2}>
+        <Flex w={'100%'} pl={['90px', '160px']} mt={2}>
           {getValues('tags')
             .split(' ')
             .filter((item) => item)
@@ -224,7 +224,7 @@ const Info = (
                 {item}
               </Tag>
             ))}
-        </Box>
+        </Flex>
       </Flex>
 
       <Flex mt={5} w={'100%'} alignItems={'flex-end'}>
diff --git a/client/src/pages/kb/list/index.tsx b/client/src/pages/kb/list/index.tsx
index 16aa4e24a..12fbe0c7f 100644
--- a/client/src/pages/kb/list/index.tsx
+++ b/client/src/pages/kb/list/index.tsx
@@ -132,11 +132,13 @@ const Kb = () => {
               />
             </Flex>
             <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>
           </Card>
         ))}