diff --git a/app/component/SummaryNavigation.js b/app/component/SummaryNavigation.js
index ebb9352bd0..f2f2611154 100644
--- a/app/component/SummaryNavigation.js
+++ b/app/component/SummaryNavigation.js
@@ -125,7 +125,7 @@ class SummaryNavigation extends React.Component {
     const isOpen = this.getOffcanvasState();
 
     return (
-      <div style={{ background: '#f4f4f5' }}>
+      <div className="summary-navigation-container">
         <LazilyLoad modules={this.customizeSearchModules}>
           {({ Drawer, CustomizeSearch }) => (
             <Drawer
diff --git a/app/component/summary.scss b/app/component/summary.scss
index eaf9ad8b2d..6baabfcbe0 100644
--- a/app/component/summary.scss
+++ b/app/component/summary.scss
@@ -343,3 +343,8 @@
 .mobile .street-mode-selector-panel-container {
   padding: 0 $padding-small;
 }
+
+.summary-navigation-container {
+  background-color: $background-color-lighter;
+  flex: 0 0 auto;
+}