3 files changed, 4 insertions, 4 deletions
diff --git a/src/containers/Home.tsx b/src/containers/Home.tsx
index 697cc66..3af5379 100644
--- a/src/containers/Home.tsx
+++ b/src/containers/Home.tsx
@@ -29,9 +29,9 @@ const cards = [
 
 const Home: React.FC = () => (
   <Page title="Главная" actions={[{ name: 'Связаться с нами', variant: 'outlined' }]}>
-    <div className="grid grid-flow-row grid-cols-3">
+    <div className="grid grid-flow-row lg:grid-cols-3">
       {cards.map(card => (
-        <Paper key={card.route} variant="outlined">
+        <Paper key={card.route} variant="outlined" className="m-5">
           <div className="h-full flex flex-col justify-between">
             <img className="h-60" src={card.src} alt="Накладная" />
             <div className="flex flex-col text-center">
diff --git a/src/containers/Page.tsx b/src/containers/Page.tsx
index 879d130..6282748 100644
--- a/src/containers/Page.tsx
+++ b/src/containers/Page.tsx
@@ -13,7 +13,7 @@ interface Props {
 }
 
 const Page: React.FC<Props> = ({ title, actions, className, children }) => (
-  <Paper>
+  <Paper className="xl:m-5">
     <div className="mb-2 flex justify-between items-center">
       <span className="text-2xl font-bold">{title}</span>
       <div>
diff --git a/src/containers/WaybillForm.tsx b/src/containers/WaybillForm.tsx
index 6976652..4b2e3fa 100644
--- a/src/containers/WaybillForm.tsx
+++ b/src/containers/WaybillForm.tsx
@@ -34,7 +34,7 @@ const WaybillForm: React.FC<FormikProps> = ({ setFieldValue, values }) => {
         ]}
       />
       {_.times(recordsNumber).map(index => (
-        <Paper variant="outlined">
+        <Paper variant="outlined" className="m-4">
           <Select
             name={`records.${index}.productId`}
             label="Товар"