Fix brand kit button alignment and hydration issue

Signed-off-by: Junnygram <junnexclusive@gmail.com>
Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: Junnygram

src/sections/Company/News-grid/press.js

@@ -94,9 +94,7 @@ const Press = () => {
                 <h5>Brand Kit</h5>
                 <p>Get our brand, logo assets and more.</p>
                 <img src={FiveIcon} alt="Five Logo" height={30} /> <br />
-                <Link to="/brand">
-                  <Button $secondary title="Layer5 brand kit" $external={true} />
-                </Link>
+                <Button $secondary title="Layer5 brand kit" $external={true} />
               </div>
             </Link>
           </Col>

src/sections/Company/News-single/Sidebar.js

@@ -6,7 +6,7 @@ import { FiMail } from "@react-icons/all-files/fi/FiMail";
 import { Link } from "gatsby";
 
 const NewsSidebarWrapper = styled.div`
-  
+  text-align: center;
 Button{
     margin: 0 0 1rem ;
     @media screen and (max-width: 768px) {