diff --git a/components/branding/LogoBlock.js b/components/branding/LogoBlock.js
index 4ed1cdfd..ace68b15 100644
--- a/components/branding/LogoBlock.js
+++ b/components/branding/LogoBlock.js
@@ -22,7 +22,7 @@ const styles = {
 export const LogoBlock = ({logo, bgColor}) => {
   return (
     <Card sx={ styles.card }>
-      <CardContent sx={ styles.topper } style={{ backgroundColor: bgColor }}>
+      <CardContent sx={{ ...styles.topper, backgroundColor: bgColor }}>
         <a
           href={logo.src} 
           target="_blank"