diff --git a/src/pages/basket-page.js b/src/pages/basket-page.js
index 0ec15eb..40357eb 100644
--- a/src/pages/basket-page.js
+++ b/src/pages/basket-page.js
@@ -3,6 +3,8 @@ import { connect } from 'react-redux';
 import { Route, Switch } from 'react-router-dom';
 import { createStructuredSelector } from 'reselect';
 
+import styles from './basket-page.module.css';
+
 import Basket from '../components/basket';
 import { orderErrorSelector } from '../redux/selectors';
 
@@ -15,10 +17,10 @@ const BasketPage = ({ match, orderError }) => {
         <Basket canCheckout />
       </Route>
       <Route path={`${path}/error`}>
-        <h2 style={{textAlign: 'center', marginTop: 100}}>{orderError}</h2>
+        <h2 className={styles.message}>{orderError}</h2>
       </Route>
       <Route path={`${path}/success`}>
-        <h2 style={{textAlign: 'center', marginTop: 100}}>Thanks for your order!</h2>
+        <h2 className={styles.message}>Thanks for your order!</h2>
       </Route>
     </Switch>
   )
diff --git a/src/pages/basket-page.module.css b/src/pages/basket-page.module.css
new file mode 100644
index 0000000..376fa25
--- /dev/null
+++ b/src/pages/basket-page.module.css
@@ -0,0 +1,4 @@
+.message {
+  margin-top: 100px;
+  text-align: center;
+}