change component name

packages/app/src/components/TagCloudContent.tsx → packages/app/src/components/TagCloudBox.tsx

@@ -16,7 +16,7 @@ type Props = {
 const MIN_FONT_SIZE = 12;
 const MAX_FONT_SIZE = 36;
 
-const TagCloudContent: FC<Props> = (props:Props) => {
+const TagCloudBox: FC<Props> = (props:Props) => {
 
   return (
     <>
@@ -35,8 +35,8 @@ const TagCloudContent: FC<Props> = (props:Props) => {
 
 };
 
-TagCloudContent.propTypes = {
+TagCloudBox.propTypes = {
   tags: PropTypes.array.isRequired,
 };
 
-export default TagCloudContent;
+export default TagCloudBox;

packages/app/src/components/TagsList.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
 
 import PaginationWrapper from './PaginationWrapper';
-import TagCloudContent from './TagCloudContent';
+import TagCloudBox from './TagCloudBox';
 
 class TagsList extends React.Component {
 
@@ -69,8 +69,8 @@ class TagsList extends React.Component {
 
     return (
       <div className="row text-center">
-        <div className="col-12 mb-5">
-          <TagCloudContent tags={this.state.tagData} />
+        <div className="col-12 mb-5 px-5">
+          <TagCloudBox tags={this.state.tagData} />
         </div>
         <div className="col-12 tag-list">
           <ul className="list-group text-left">