diff --git a/js/components/Branding.js b/js/components/Branding.js
index 25c41c1..98784af 100644
--- a/js/components/Branding.js
+++ b/js/components/Branding.js
@@ -1,8 +1,9 @@
 import React from 'react';
+import classNames from 'classnames';
 
-export default function Branding({ logoContent, children }) {
+export default function Branding({ logoContent, modifier, children }) {
   return (
-    <div className="branding">
+    <div className={classNames('branding', { [`branding--${modifier}`]: modifier })}>
       <div className="branding__logo">
         {logoContent}
       </div>