fixed background repeat on square

src/components/common/Square/styles.module.scss

@@ -7,4 +7,6 @@
 .wrapper {
   width: 100%;
   border-radius: $radius;
+  background-size: cover;
+  background-repeat: no-repeat;
 }

src/components/lab/LabBanner/index.tsx

@@ -1,12 +1,12 @@
 import React, { FC } from 'react';
 import styles from './styles.module.scss';
 import { Group } from '~/components/containers/Group';
-import { Square } from '~/components/lab/LabSquare';
+import { LabSquare } from '~/components/lab/LabSquare';
 
 interface IProps {}
 
 const LabBanner: FC<IProps> = () => (
-  <Square className={styles.wrap}>
+  <LabSquare className={styles.wrap}>
     <Group>
       <div className={styles.title}>Лаборатория!</div>
 
@@ -19,7 +19,7 @@ const LabBanner: FC<IProps> = () => (
         </p>
       </Group>
     </Group>
-  </Square>
+  </LabSquare>
 );
 
 export { LabBanner };

src/components/lab/LabSquare/index.tsx

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 
 interface IProps extends DivProps {}
 
-const Square: FC<IProps> = ({ children, ...rest }) => (
+const LabSquare: FC<IProps> = ({ children, ...rest }) => (
   <div className={styles.square}>
     <div {...rest} className={classNames(styles.content, rest.className)}>
       {children}
@@ -13,4 +13,4 @@ const Square: FC<IProps> = ({ children, ...rest }) => (
   </div>
 );
 
-export { Square };
+export { LabSquare };