diff --git a/public/styles/style.css b/public/styles/style.css
index e41ff8c3..42a54a08 100644
--- a/public/styles/style.css
+++ b/public/styles/style.css
@@ -116,6 +116,12 @@ body {
     grid-template-rows: repeat(auto-fit, minmax(100px, 1fr)) !important;
 }
 
+.AgentInviteMasthead {
+    background:url(logo.png) 0px 0px;
+    background-color:#036;
+    background-repeat:no-repeat;height:66px;width:100%;overflow:hidden;
+}
+
 #masthead {
     width: auto;
     margin: 0;
diff --git a/views/agentinvite.handlebars b/views/agentinvite.handlebars
index d6a496c7..7a3adaf0 100644
--- a/views/agentinvite.handlebars
+++ b/views/agentinvite.handlebars
@@ -49,7 +49,7 @@
 <body id="body" onload="if (typeof(startup) !== 'undefined') startup();" style="display:none;overflow:hidden">
     <div id="container">
         <!-- Begin Masthead -->
-        <div id="masthead" class=noselect style="background:url(logo.png) 0px 0px;background-color:#036;background-repeat:no-repeat;height:66px;width:100%;overflow:hidden;">
+        <div id="masthead" class="noselect AgentInviteMasthead">
             <div style="float:left;text-shadow: 1px 1px 2px #000">{{{titlehtml}}}</div>
             <div style="float:left; height: 66px; color:#c8c8c8; padding-left:14px; padding-top:7px">
                 <strong><font style="font-size:46px; font-family: Arial, Helvetica, sans-serif;text-shadow: 1px 1px 2px #000">{{{title1}}}</font></strong>
