diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs
index b4c02baba2..0d38da6ee7 100644
--- a/website/views/layouts/layout.ejs
+++ b/website/views/layouts/layout.ejs
@@ -51,7 +51,7 @@
   </head>
   <body>
     <div purpose="page-wrap">
-      <div style="max-width: 1200px; height: 94px;" class="<%= isHomepage ? 'homepage-header' : 'header' %> container-fluid d-flex justify-content-between align-items-center pt-3 pb-3 px-3" purpose="page-header">
+      <div style="max-width: 1248px; height: 94px;" class="<%= isHomepage ? 'homepage-header' : 'header' %> container-fluid d-flex justify-content-between align-items-center pt-3 pb-3 px-3 px-md-4" purpose="page-header">
         <a href="/">
           <% /* The homepage-header on the homepage has a white fleet logo */ %>
           <% if (isHomepage) { %>
@@ -133,7 +133,7 @@
 
       <div style="background-color: #201E43;" purpose="page-footer">
         <div style="background-color: #201E43;">
-          <div style="max-width: 1200px;" class="container-fluid d-flex flex-column flex-lg-row justify-content-center justify-content-lg-between px-3 pt-4 pb-0 mt-md-5 mb-lg-5">
+          <div style="max-width: 1248px;" class="container-fluid d-flex flex-column flex-lg-row justify-content-center justify-content-lg-between px-3 px-md-4 pt-4 pb-0 mt-md-5 mb-lg-5">
           <div class="d-flex flex-grow-1 flex-column align-items-center">
             <div class="container-fluid d-block d-md-flex flex-md-row text-center justify-content-between justify-content-lg-end px-5 px-lg-0 pt-lg-3 pb-4 pb-md-0">
               <a href="https://github.com/fleetdm/fleet/blob/main/README.md" class="d-block pr-lg-4 pb-4">Try Fleet</a>
