diff --git a/src/components/UI/docs/LinkList.tsx b/src/components/UI/docs/LinksList.tsx
similarity index 92%
rename from src/components/UI/docs/LinkList.tsx
rename to src/components/UI/docs/LinksList.tsx
index 9b121c6f79..6c9d838e1d 100644
--- a/src/components/UI/docs/LinkList.tsx
+++ b/src/components/UI/docs/LinksList.tsx
@@ -18,7 +18,7 @@ export const LinksList: FC<LinksListProps> = ({ links }) => {
         const split = to?.split('/')
         const isActive = slug && split && split[split.length - 1] === slug[slug.length - 1];
         return to ? (
-          <Stack key={id} _hover={{ background: 'primary', color: 'bg' }} data-group>
+          <Stack key={id} pb={items ? 6 : 0} _hover={{ background: 'primary', color: 'bg' }} data-group>
             <NextLink href={to} passHref key={id}>
               <Link textDecoration='none !important'>
                 <Text
@@ -44,7 +44,7 @@ export const LinksList: FC<LinksListProps> = ({ links }) => {
             {items && <LinksList links={items} />}
           </Stack>
         ) : (
-          <Stack key={id}>
+          <Stack key={id} pb={6}>
             <Text textStyle='docs-nav-links' color={items ? 'primary' : 'body'}>
               {id}
             </Text>
diff --git a/src/components/UI/docs/index.ts b/src/components/UI/docs/index.ts
index 9214774f4c..56eadcff2b 100644
--- a/src/components/UI/docs/index.ts
+++ b/src/components/UI/docs/index.ts
@@ -3,6 +3,6 @@ export * from './Code';
 export * from './DocsLinks';
 export * from './DocsNav';
 export * from './DocumentNav';
-export * from './LinkList';
+export * from './LinksList';
 export * from './Note';
 export { default } from './MDComponents';