diff --git a/src/components/WithSidebar/__snapshots__/test.jsx.snap b/src/components/WithSidebar/__snapshots__/test.jsx.snap
index 2fb90db..40498f8 100644
--- a/src/components/WithSidebar/__snapshots__/test.jsx.snap
+++ b/src/components/WithSidebar/__snapshots__/test.jsx.snap
@@ -2,7 +2,7 @@
 
 exports[`WithSidebar Component snapshots basic snapshot 1`] = `
 <div
-  className="d-flex sidebar-container"
+  className="d-flex sidebar-container page-gradebook"
 >
   <aside
     className="sidebar-class-names"
diff --git a/src/components/WithSidebar/index.jsx b/src/components/WithSidebar/index.jsx
index 530b8f6..054ef62 100644
--- a/src/components/WithSidebar/index.jsx
+++ b/src/components/WithSidebar/index.jsx
@@ -32,7 +32,7 @@ export class WithSidebar extends React.Component {
 
   render() {
     return (
-      <div className="d-flex sidebar-container">
+      <div className="d-flex sidebar-container page-gradebook">
         <aside className={this.sidebarClassNames} onTransitionEnd={this.props.handleSlideDone}>
           { this.props.sidebar }
         </aside>