diff --git a/packages/strapi-plugin-content-manager/admin/src/components/DynamicZone/CategoryItem.js b/packages/strapi-plugin-content-manager/admin/src/components/DynamicZone/CategoryItem.js
index fc3eacee3d..8fbdc87d27 100644
--- a/packages/strapi-plugin-content-manager/admin/src/components/DynamicZone/CategoryItem.js
+++ b/packages/strapi-plugin-content-manager/admin/src/components/DynamicZone/CategoryItem.js
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { Collapse } from 'reactstrap';
 import Banner from './Banner';
+import ComponentsList from './ComponentsList';
 import DynamicComponentCard from '../DynamicComponentCard';
 
 const CategoryItem = ({
@@ -26,10 +27,7 @@ const CategoryItem = ({
       <Banner onClickToggle={onClickToggle} isFirst={isFirst} isOpen={isOpen} category={category} />
       <Collapse isOpen={isOpen} onExited={handleExited}>
         {showComponents && (
-          <div
-            className="componentsList"
-            style={{ paddingTop: '10px', paddingLeft: '15px', paddingRight: '15px' }}
-          >
+          <ComponentsList className="componentsList">
             {components.map(component => {
               const {
                 info: { icon, name: friendlyName },
@@ -48,7 +46,7 @@ const CategoryItem = ({
                 />
               );
             })}
-          </div>
+          </ComponentsList>
         )}
       </Collapse>
     </>
diff --git a/packages/strapi-plugin-content-manager/admin/src/components/DynamicZone/ComponentsList.js b/packages/strapi-plugin-content-manager/admin/src/components/DynamicZone/ComponentsList.js
new file mode 100644
index 0000000000..49997cc806
--- /dev/null
+++ b/packages/strapi-plugin-content-manager/admin/src/components/DynamicZone/ComponentsList.js
@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+
+const ComponentsList = styled.div`
+  padding-top: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+`;
+
+export default ComponentsList;