diff --git a/frontend/public/scss/product-page/product-details.scss b/frontend/public/scss/product-page/product-details.scss index 6b663c56ac..8fbac027ec 100644 --- a/frontend/public/scss/product-page/product-details.scss +++ b/frontend/public/scss/product-page/product-details.scss @@ -481,13 +481,14 @@ body.new-design { outline: 2px #28977e solid; } - form.new-design { + div.new-design { text-align: right !important; .btn-upgrade { width: 86%; padding: 15px 30px; background-image: none !important; + text-align: left; div.upgrade-btn-text { display: inline-block; diff --git a/frontend/public/src/components/CourseProductDetailEnroll.js b/frontend/public/src/components/CourseProductDetailEnroll.js index 4eb3356f4c..1d748fa4ac 100644 --- a/frontend/public/src/components/CourseProductDetailEnroll.js +++ b/frontend/public/src/components/CourseProductDetailEnroll.js @@ -101,7 +101,7 @@ export class CourseProductDetailEnroll extends React.Component< async onAddToCartClick() { const { addToCart } = this.props - const addToCartResponse = await addToCart(1) + const addToCartResponse = await addToCart("1") if (isSuccessResponse(addToCartResponse)) { this.setState({ addedToCartDialogVisibility: true @@ -404,12 +404,10 @@ export class CourseProductDetailEnroll extends React.Component<