Merge pull request #263 from Web-Dev-Path/fix/two-column-component

Fix "Row-Reverse" Styling Bug

Author: Satoshi-Sh

CHANGELOG.md

@@ -173,3 +173,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
   - Container
 - Updated ContactUsForm's checkbox wrapper from div to label to enhance its accessibility
 - Updated SearchInput width to 100% for better styling
+- Reverted the prop name to styles in Container component as the change of the name introduced a styling bug 

components/containers/Container/index.js

@@ -1,8 +1,11 @@
 import styles from './Container.module.scss';
 
-export default function Container({ className, children, style }) {
+export default function Container({ className, children, styles: propStyles }) {
   return (
-    <div className={`${styles.container} ${className || ''}`} style={style}>
+    <div
+      className={`${styles.container} ${className || ''}`}
+      style={propStyles}
+    >
       {children}
     </div>
   );