diff --git a/src/components/modules/account/AccountPage/AccountPage.module.scss b/src/components/modules/account/AccountPage/AccountPage.module.scss
index 5eece6c80..5660d7707 100644
--- a/src/components/modules/account/AccountPage/AccountPage.module.scss
+++ b/src/components/modules/account/AccountPage/AccountPage.module.scss
@@ -1,23 +1,26 @@
@import '../../../../styles/utilities';
.accountPage {
- @apply spacing-horizontal;
background-color: #F5F4F2;
margin-top: -3.2rem;
- padding-top: 3.2rem;
- padding-bottom: 3.2rem;
+ padding: 3.2rem 2rem;
min-height: 70rem;
-
@screen md {
- padding-left: 3.2rem;
- padding-right: 3.2rem;
+ padding-left: 2.8rem;
+ padding-right: 2.8rem;
+ }
+
+ @screen lg {
+ padding-left: 6.4rem;
+ padding-right: 6.4rem;
}
@screen xl {
- @apply spacing-horizontal
+ padding-left: 11.2rem;
+ padding-right: 11.2rem;
}
-
+
.header {
margin-bottom: 1.2rem;
diff --git a/src/components/modules/account/AccountPage/components/OrderInformation/OrderInformation.tsx b/src/components/modules/account/AccountPage/components/OrderInformation/OrderInformation.tsx
index 858526f26..211cebe3b 100644
--- a/src/components/modules/account/AccountPage/components/OrderInformation/OrderInformation.tsx
+++ b/src/components/modules/account/AccountPage/components/OrderInformation/OrderInformation.tsx
@@ -25,7 +25,7 @@ const OrderInformation = ({ waiting, delivering, delivered} : OrderInformationPr
{
waiting.map((order, i) => {
return (
-
+
)
})
}
@@ -36,7 +36,7 @@ const OrderInformation = ({ waiting, delivering, delivered} : OrderInformationPr
{
delivering.map((order, i) => {
return (
-
+
)
})
}
@@ -47,7 +47,7 @@ const OrderInformation = ({ waiting, delivering, delivered} : OrderInformationPr
{
delivered.map((order, i) => {
return (
-
+
)
})
}