diff --git a/packages/core/upload/admin/src/components/FolderCard/FolderCardBodyAction/index.js b/packages/core/upload/admin/src/components/FolderCard/FolderCardBodyAction/index.js
index 4b86783b1a..1080612576 100644
--- a/packages/core/upload/admin/src/components/FolderCard/FolderCardBodyAction/index.js
+++ b/packages/core/upload/admin/src/components/FolderCard/FolderCardBodyAction/index.js
@@ -2,18 +2,18 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { NavLink } from 'react-router-dom';
 import styled from 'styled-components';
+import { Box } from '@strapi/design-system/Box';
 
-const FolderCardLink = styled(NavLink)`
-  max-width: 100%;
+const BoxTextDecoration = styled(Box)`
   text-decoration: none;
 `;
 
 export const FolderCardBodyAction = ({ to, ...props }) => {
   if (to) {
-    return <FolderCardLink to={to} {...props} />;
+    return <BoxTextDecoration as={NavLink} maxWidth="100%" to={to} {...props} />;
   }
 
-  return <button type="button" {...props} />;
+  return <Box as="button" type="button" maxWidth="100%" {...props} />;
 };
 
 FolderCardBodyAction.defaultProps = {