Update Pricing component layout and adjust highlighted column in comparison table

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

src/sections/Pricing/comparison.js

@@ -72,7 +72,7 @@ h2, h5{
 
 /* Highlighted column */
 
-.price-table tr td:nth-child(5) {
+.price-table tr td:nth-child(3) {
     background: rgba(0,179,159,0.1);
     padding: 8px 48px;
 }

src/sections/Pricing/index.js

@@ -29,8 +29,8 @@ const Pricing = () => {
       <div className="wrapper">
         <PlanCard planData={options} isYearly={isYearly}/>
       </div>
-      <div className="wrapper">
-        <PricingAddons isYearly={isYearly} sx={{ marginTop: "6rem" }} />
+      <div className="wrapper" style={{ marginTop: "6rem" }}>
+        <PricingAddons isYearly={isYearly}/>
       </div>
       <Comparison />
       <Reviews />