diff --git a/src/routing/__snapshots__/routing.component.test.tsx.snap b/src/routing/__snapshots__/routing.component.test.tsx.snap
index cacf3ba8..22c1a904 100644
--- a/src/routing/__snapshots__/routing.component.test.tsx.snap
+++ b/src/routing/__snapshots__/routing.component.test.tsx.snap
@@ -698,165 +698,674 @@ exports[`Routing component renders a route for a plugin when site is under maint
               "speedDial": 1050,
               "tooltip": 1500,
             },
+            Symbol(mui.nested): false,
           }
         }
       >
-        <Connect(Routing)>
-          <Routing
-            dispatch={[Function]}
-            drawerOpen={false}
-            loading={false}
-            location="/"
-            maintenance={
-              Object {
-                "message": "test",
-                "show": true,
-              }
-            }
-            plugins={
-              Array [
-                Object {
-                  "displayName": "Test Plugin",
-                  "link": "/test_link",
-                  "order": 1,
-                  "plugin": "test_plugin_name",
-                  "section": "test section",
-                },
-              ]
+        <ThemeProvider
+          theme={
+            Object {
+              "breakpoints": Object {
+                "between": [Function],
+                "down": [Function],
+                "keys": Array [
+                  "xs",
+                  "sm",
+                  "md",
+                  "lg",
+                  "xl",
+                ],
+                "not": [Function],
+                "only": [Function],
+                "unit": "px",
+                "up": [Function],
+                "values": Object {
+                  "lg": 1200,
+                  "md": 900,
+                  "sm": 600,
+                  "xl": 1536,
+                  "xs": 0,
+                },
+              },
+              "colours": Object {
+                "background": "#FAFAFA",
+                "blue": "#003088",
+                "chip": "#E0E0E0",
+                "contrastGrey": "#717171",
+                "darkGreen": "#3A7F3A",
+                "darkOrange": "#C34F00",
+                "footerLink": Object {
+                  "active": "#E58885",
+                  "default": "#FFFFFF",
+                },
+                "grey": "#727272",
+                "homePage": Object {
+                  "blueButton": "#1E5DF8",
+                  "blueDescription": "#FFFFFF",
+                  "heading": "#333333",
+                },
+                "information": "#003088",
+                "lightBlue": "#1E5DF8",
+                "lightOrange": "#FF6900",
+                "link": Object {
+                  "active": "#E94D36",
+                  "default": "#1E5DF8",
+                  "visited": "#BE2BBB",
+                },
+                "orange": "#C34F00",
+                "paper": "#FFFFFF",
+                "primary": "#003088",
+                "red": "#AC1600",
+                "secondary": "#003088",
+                "tabsGrey": "#EEEEEE",
+                "textSecondary": "rgba(0, 0, 0, 0.54)",
+                "type": "default",
+                "warning": "#FFA500",
+              },
+              "components": Object {
+                "MuiBadge": Object {
+                  "styleOverrides": Object {
+                    "colorPrimary": Object {
+                      "backgroundColor": "#C34F00",
+                      "color": "white",
+                    },
+                  },
+                },
+                "MuiCheckbox": Object {
+                  "styleOverrides": Object {
+                    "colorPrimary": Object {
+                      "&.Mui-checked": Object {
+                        "color": "#003088",
+                      },
+                      "&.MuiCheckbox-indeterminate": Object {
+                        "color": "#727272",
+                      },
+                    },
+                  },
+                },
+                "MuiChip": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "backgroundColor": "#E0E0E0",
+                    },
+                  },
+                },
+                "MuiFormHelperText": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "&.Mui-error": Object {
+                        "color": "#AC1600",
+                      },
+                    },
+                  },
+                },
+                "MuiFormLabel": Object {
+                  "styleOverrides": Object {
+                    "asterisk": Object {
+                      "&.Mui-error": Object {
+                        "color": "#AC1600",
+                      },
+                    },
+                    "root": Object {
+                      "&.Mui-error": Object {
+                        "color": "#AC1600",
+                      },
+                      "&.Mui-focused": Object {
+                        "color": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiInput": Object {
+                  "styleOverrides": Object {
+                    "underline": Object {
+                      "&.Mui-error": Object {
+                        "borderBottomColor": "#AC1600",
+                      },
+                      "&.Mui-error:after": Object {
+                        "borderBottomColor": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiLink": Object {
+                  "defaultProps": Object {
+                    "underline": "hover",
+                  },
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "color": "#003088",
+                    },
+                  },
+                },
+                "MuiOutlinedInput": Object {
+                  "styleOverrides": Object {
+                    "input": Object {
+                      "&::placeholder": Object {
+                        "colour": "rgba(0, 0, 0, 0.54)",
+                        "opacity": 0.7,
+                      },
+                    },
+                    "root": Object {
+                      "&.Mui-error .MuiOutlinedInput-notchedOutline": Object {
+                        "borderColor": "#AC1600",
+                      },
+                    },
+                  },
+                },
+                "MuiPaper": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "backgroundImage": "unset",
+                    },
+                  },
+                },
+                "MuiPickersCalendarHeader": Object {
+                  "styleOverrides": Object {
+                    "dayLabel": Object {
+                      "color": "#727272",
+                    },
+                  },
+                },
+                "MuiPickersDay": Object {
+                  "styleOverrides": Object {
+                    "current": Object {
+                      "color": "#003088",
+                    },
+                    "dayDisabled": Object {
+                      "color": "#727272",
+                    },
+                  },
+                },
+                "MuiPickersMonth": Object {
+                  "styleOverrides": Object {
+                    "monthDisabled": Object {
+                      "color": "#727272",
+                    },
+                    "monthSelected": Object {
+                      "color": "#003088",
+                    },
+                    "root": Object {
+                      "&:active": Object {
+                        "color": "#003088",
+                      },
+                      "&:focus": Object {
+                        "color": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiPickersToolbar": Object {
+                  "styleOverrides": Object {
+                    "toolbar": Object {
+                      "backgroundColor": "#003088",
+                    },
+                  },
+                },
+                "MuiPickersYear": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "&:active": Object {
+                        "color": "#003088",
+                      },
+                      "&:focus": Object {
+                        "color": "#003088",
+                      },
+                    },
+                    "yearDisabled": Object {
+                      "color": "#727272",
+                    },
+                    "yearSelected": Object {
+                      "color": "#003088",
+                    },
+                  },
+                },
+                "MuiTab": Object {
+                  "styleOverrides": Object {
+                    "textColorSecondary": Object {
+                      "&.Mui-selected": Object {
+                        "color": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiTabs": Object {
+                  "styleOverrides": Object {
+                    "indicator": Object {
+                      "color": "#003088",
+                      "textDecoration": "underline",
+                    },
+                  },
+                },
+              },
+              "direction": "ltr",
+              "drawerWidth": "220px",
+              "footerHeight": "20px",
+              "footerPaddingBottom": "8px",
+              "footerPaddingTop": "8px",
+              "mainAppBarHeight": "64px",
+              "mixins": Object {
+                "toolbar": Object {
+                  "@media (min-width:0px) and (orientation: landscape)": Object {
+                    "minHeight": 48,
+                  },
+                  "@media (min-width:600px)": Object {
+                    "minHeight": 64,
+                  },
+                  "minHeight": 56,
+                },
+              },
+              "palette": Object {
+                "action": Object {
+                  "activatedOpacity": 0.12,
+                  "active": "rgba(0, 0, 0, 0.54)",
+                  "disabled": "rgba(0, 0, 0, 0.26)",
+                  "disabledBackground": "rgba(0, 0, 0, 0.12)",
+                  "disabledOpacity": 0.38,
+                  "focus": "rgba(0, 0, 0, 0.12)",
+                  "focusOpacity": 0.12,
+                  "hover": "rgba(0, 0, 0, 0.04)",
+                  "hoverOpacity": 0.04,
+                  "selected": "rgba(0, 0, 0, 0.08)",
+                  "selectedOpacity": 0.08,
+                },
+                "augmentColor": [Function],
+                "background": Object {
+                  "default": "#FAFAFA",
+                  "paper": "#FFFFFF",
+                },
+                "common": Object {
+                  "black": "#000",
+                  "white": "#fff",
+                },
+                "contrastThreshold": 3,
+                "divider": "rgba(0, 0, 0, 0.12)",
+                "error": Object {
+                  "contrastText": "#fff",
+                  "dark": "#c62828",
+                  "light": "#ef5350",
+                  "main": "#d32f2f",
+                },
+                "getContrastText": [Function],
+                "grey": Object {
+                  "100": "#f5f5f5",
+                  "200": "#eeeeee",
+                  "300": "#e0e0e0",
+                  "400": "#bdbdbd",
+                  "50": "#fafafa",
+                  "500": "#9e9e9e",
+                  "600": "#757575",
+                  "700": "#616161",
+                  "800": "#424242",
+                  "900": "#212121",
+                  "A100": "#f5f5f5",
+                  "A200": "#eeeeee",
+                  "A400": "#bdbdbd",
+                  "A700": "#616161",
+                },
+                "info": Object {
+                  "contrastText": "#fff",
+                  "dark": "#01579b",
+                  "light": "#03a9f4",
+                  "main": "#0288d1",
+                },
+                "mode": "light",
+                "primary": Object {
+                  "contrastText": "#fff",
+                  "dark": "rgb(0, 33, 95)",
+                  "light": "rgb(51, 89, 159)",
+                  "main": "#003088",
+                },
+                "secondary": Object {
+                  "contrastText": "#fff",
+                  "dark": "rgb(0, 33, 95)",
+                  "light": "rgb(51, 89, 159)",
+                  "main": "#003088",
+                },
+                "success": Object {
+                  "contrastText": "#fff",
+                  "dark": "#1b5e20",
+                  "light": "#4caf50",
+                  "main": "#2e7d32",
+                },
+                "text": Object {
+                  "disabled": "rgba(0, 0, 0, 0.38)",
+                  "primary": "rgba(0, 0, 0, 0.87)",
+                  "secondary": "rgba(0, 0, 0, 0.54)",
+                },
+                "tonalOffset": 0.2,
+                "warning": Object {
+                  "contrastText": "#fff",
+                  "dark": "#e65100",
+                  "light": "#ff9800",
+                  "main": "#ed6c02",
+                },
+              },
+              "shadows": Array [
+                "none",
+                "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
+                "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+                "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
+                "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
+                "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
+                "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
+                "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
+                "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
+                "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
+                "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
+                "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
+                "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
+                "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
+                "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
+                "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
+                "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
+                "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
+                "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
+                "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
+                "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
+                "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
+                "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
+                "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
+                "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
+              ],
+              "shape": Object {
+                "borderRadius": 4,
+              },
+              "spacing": [Function],
+              "transitions": Object {
+                "create": [Function],
+                "duration": Object {
+                  "complex": 375,
+                  "enteringScreen": 225,
+                  "leavingScreen": 195,
+                  "short": 250,
+                  "shorter": 200,
+                  "shortest": 150,
+                  "standard": 300,
+                },
+                "easing": Object {
+                  "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
+                  "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+                  "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
+                  "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
+                },
+                "getAutoHeightDuration": [Function],
+              },
+              "typography": Object {
+                "body1": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.00938em",
+                  "lineHeight": 1.5,
+                },
+                "body2": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.875rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.01071em",
+                  "lineHeight": 1.43,
+                },
+                "button": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.875rem",
+                  "fontWeight": 500,
+                  "letterSpacing": "0.02857em",
+                  "lineHeight": 1.75,
+                  "textTransform": "none",
+                },
+                "caption": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.75rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.03333em",
+                  "lineHeight": 1.66,
+                },
+                "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                "fontSize": 14,
+                "fontWeightBold": 700,
+                "fontWeightLight": 300,
+                "fontWeightMedium": 500,
+                "fontWeightRegular": 400,
+                "h1": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "6rem",
+                  "fontWeight": 300,
+                  "letterSpacing": "-0.01562em",
+                  "lineHeight": 1.167,
+                },
+                "h2": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "3.75rem",
+                  "fontWeight": 300,
+                  "letterSpacing": "-0.00833em",
+                  "lineHeight": 1.2,
+                },
+                "h3": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "3rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0em",
+                  "lineHeight": 1.167,
+                },
+                "h4": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "2.125rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.00735em",
+                  "lineHeight": 1.235,
+                },
+                "h5": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1.5rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0em",
+                  "lineHeight": 1.334,
+                },
+                "h6": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1.25rem",
+                  "fontWeight": 500,
+                  "letterSpacing": "0.0075em",
+                  "lineHeight": 1.6,
+                },
+                "htmlFontSize": 16,
+                "overline": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.75rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.08333em",
+                  "lineHeight": 2.66,
+                  "textTransform": "uppercase",
+                },
+                "pxToRem": [Function],
+                "subtitle1": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.00938em",
+                  "lineHeight": 1.75,
+                },
+                "subtitle2": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.875rem",
+                  "fontWeight": 500,
+                  "letterSpacing": "0.00714em",
+                  "lineHeight": 1.57,
+                },
+              },
+              "zIndex": Object {
+                "appBar": 1100,
+                "drawer": 1200,
+                "mobileStepper": 1000,
+                "modal": 1300,
+                "snackbar": 1400,
+                "speedDial": 1050,
+                "tooltip": 1500,
+              },
+              Symbol(mui.nested): false,
             }
-            userIsAdmin={true}
-            userIsloggedIn={true}
-          >
-            <Styled(div)
-              drawerOpen={false}
-            >
-              <Insertion
-                cache={
+          }
+        >
+          <InnerThemeProvider>
+            <Connect(Routing)>
+              <Routing
+                dispatch={[Function]}
+                drawerOpen={false}
+                loading={false}
+                location="/"
+                maintenance={
                   Object {
-                    "insert": [Function],
-                    "inserted": Object {
-                      "122vh0z": true,
-                    },
-                    "key": "css",
-                    "nonce": undefined,
-                    "registered": Object {},
-                    "sheet": StyleSheet {
-                      "_alreadyInsertedOrderInsensitiveRule": true,
-                      "_insertTag": [Function],
-                      "before": null,
-                      "container": <head>
-                        <style
-                          data-emotion="css"
-                          data-s=""
-                        >
-                          
-                          .css-122vh0z{padding-bottom:36px;width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px - 32px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
-                        </style>
-                      </head>,
-                      "ctr": 1,
-                      "insertionPoint": undefined,
-                      "isSpeedy": false,
-                      "key": "css",
-                      "nonce": undefined,
-                      "prepend": undefined,
-                      "tags": Array [
-                        <style
-                          data-emotion="css"
-                          data-s=""
-                        >
-                          
-                          .css-122vh0z{padding-bottom:36px;width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px - 32px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
-                        </style>,
-                      ],
-                    },
+                    "message": "test",
+                    "show": true,
                   }
                 }
-                isStringTag={true}
-                serialized={
-                  Object {
-                    "map": undefined,
-                    "name": "122vh0z",
-                    "next": undefined,
-                    "styles": "padding-bottom:36px;width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px - 32px);overflow:auto;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;",
-                    "toString": [Function],
-                  }
+                plugins={
+                  Array [
+                    Object {
+                      "displayName": "Test Plugin",
+                      "link": "/test_link",
+                      "order": 1,
+                      "plugin": "test_plugin_name",
+                      "section": "test section",
+                    },
+                  ]
                 }
-              />
-              <div
-                className="css-122vh0z"
+                userIsAdmin={true}
+                userIsloggedIn={true}
               >
-                <Switch>
-                  <Route
-                    computedMatch={
+                <Styled(div)
+                  drawerOpen={false}
+                >
+                  <Insertion
+                    cache={
                       Object {
-                        "isExact": true,
-                        "params": Object {},
-                        "path": "/test_link",
-                        "url": "/test_link",
+                        "insert": [Function],
+                        "inserted": Object {
+                          "9peh1a": true,
+                        },
+                        "key": "css",
+                        "nonce": undefined,
+                        "registered": Object {},
+                        "sheet": StyleSheet {
+                          "_alreadyInsertedOrderInsensitiveRule": true,
+                          "_insertTag": [Function],
+                          "before": null,
+                          "container": <head>
+                            <style
+                              data-emotion="css"
+                              data-s=""
+                            >
+                              
+                              .css-9peh1a{width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
+                            </style>
+                          </head>,
+                          "ctr": 1,
+                          "insertionPoint": undefined,
+                          "isSpeedy": false,
+                          "key": "css",
+                          "nonce": undefined,
+                          "prepend": undefined,
+                          "tags": Array [
+                            <style
+                              data-emotion="css"
+                              data-s=""
+                            >
+                              
+                              .css-9peh1a{width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
+                            </style>,
+                          ],
+                        },
                       }
                     }
-                    key="test_plugin_name"
-                    location={
+                    isStringTag={true}
+                    serialized={
                       Object {
-                        "hash": "",
-                        "key": "testKey",
-                        "pathname": "/test_link",
-                        "search": "",
+                        "map": undefined,
+                        "name": "9peh1a",
+                        "next": undefined,
+                        "styles": "width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px);overflow:auto;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;",
+                        "toString": [Function],
                       }
                     }
-                    path={
-                      Array [
-                        "/test_link",
-                      ]
-                    }
+                  />
+                  <div
+                    className="css-9peh1a"
                   >
-                    <Connect(WithAuthComponent)
-                      id="test_plugin_name"
-                    >
-                      <WithAuthComponent
-                        id="test_plugin_name"
-                        invalidToken={[Function]}
-                        loading={false}
-                        location="/"
-                        loggedIn={true}
-                        provider={
-                          TestAuthProvider {
-                            "authUrl": undefined,
-                            "autoLogin": undefined,
-                            "mnemonic": undefined,
-                            "redirectUrl": null,
-                            "token": "logged in",
-                            "user": null,
+                    <Switch>
+                      <Route
+                        computedMatch={
+                          Object {
+                            "isExact": true,
+                            "params": Object {},
+                            "path": "/test_link",
+                            "url": "/test_link",
+                          }
+                        }
+                        key="test_plugin_name"
+                        location={
+                          Object {
+                            "hash": "",
+                            "key": "testKey",
+                            "pathname": "/test_link",
+                            "search": "",
                           }
                         }
-                        requestPluginRerender={[Function]}
-                        userIsAdmin={true}
+                        path={
+                          Array [
+                            "/test_link",
+                          ]
+                        }
                       >
-                        <div>
-                          <PluginPlaceHolder
+                        <Connect(WithAuthComponent)
+                          id="test_plugin_name"
+                        >
+                          <WithAuthComponent
                             id="test_plugin_name"
+                            invalidToken={[Function]}
+                            loading={false}
+                            location="/"
+                            loggedIn={true}
+                            provider={
+                              TestAuthProvider {
+                                "authUrl": undefined,
+                                "autoLogin": undefined,
+                                "mnemonic": undefined,
+                                "redirectUrl": null,
+                                "token": "logged in",
+                                "user": null,
+                              }
+                            }
+                            requestPluginRerender={[Function]}
+                            userIsAdmin={true}
                           >
-                            <div
-                              id="test_plugin_name"
-                            >
-                              <Preloader
-                                fullScreen={false}
-                                id="plugin-preloader"
-                                loading={true}
+                            <div>
+                              <PluginPlaceHolder
+                                id="test_plugin_name"
                               >
-                                Mocked Preloader
-                              </Preloader>
+                                <div
+                                  id="test_plugin_name"
+                                >
+                                  <Preloader
+                                    fullScreen={false}
+                                    id="plugin-preloader"
+                                    loading={true}
+                                  >
+                                    Mocked Preloader
+                                  </Preloader>
+                                </div>
+                              </PluginPlaceHolder>
                             </div>
-                          </PluginPlaceHolder>
-                        </div>
-                      </WithAuthComponent>
-                    </Connect(WithAuthComponent)>
-                  </Route>
-                </Switch>
-              </div>
-            </Styled(div)>
-          </Routing>
-        </Connect(Routing)>
+                          </WithAuthComponent>
+                        </Connect(WithAuthComponent)>
+                      </Route>
+                    </Switch>
+                  </div>
+                </Styled(div)>
+              </Routing>
+            </Connect(Routing)>
+          </InnerThemeProvider>
+        </ThemeProvider>
       </ThemeProvider>
     </Router>
   </MemoryRouter>
@@ -1419,136 +1928,645 @@ exports[`Routing component renders a route for admin page 1`] = `
               "speedDial": 1050,
               "tooltip": 1500,
             },
+            Symbol(mui.nested): false,
           }
         }
       >
-        <Connect(Routing)>
-          <Routing
-            dispatch={[Function]}
-            drawerOpen={false}
-            loading={false}
-            location="/"
-            maintenance={
-              Object {
-                "message": "",
-                "show": false,
-              }
-            }
-            plugins={Array []}
-            userIsAdmin={true}
-            userIsloggedIn={true}
-          >
-            <Styled(div)
-              drawerOpen={false}
-            >
-              <Insertion
-                cache={
-                  Object {
-                    "insert": [Function],
-                    "inserted": Object {
-                      "122vh0z": true,
-                    },
-                    "key": "css",
-                    "nonce": undefined,
-                    "registered": Object {},
-                    "sheet": StyleSheet {
-                      "_alreadyInsertedOrderInsensitiveRule": true,
-                      "_insertTag": [Function],
-                      "before": null,
-                      "container": <head>
-                        <style
-                          data-emotion="css"
-                          data-s=""
-                        >
-                          
-                          .css-122vh0z{padding-bottom:36px;width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px - 32px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
-                        </style>
-                      </head>,
-                      "ctr": 1,
-                      "insertionPoint": undefined,
-                      "isSpeedy": false,
-                      "key": "css",
-                      "nonce": undefined,
-                      "prepend": undefined,
-                      "tags": Array [
-                        <style
-                          data-emotion="css"
-                          data-s=""
-                        >
-                          
-                          .css-122vh0z{padding-bottom:36px;width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px - 32px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
-                        </style>,
-                      ],
+        <ThemeProvider
+          theme={
+            Object {
+              "breakpoints": Object {
+                "between": [Function],
+                "down": [Function],
+                "keys": Array [
+                  "xs",
+                  "sm",
+                  "md",
+                  "lg",
+                  "xl",
+                ],
+                "not": [Function],
+                "only": [Function],
+                "unit": "px",
+                "up": [Function],
+                "values": Object {
+                  "lg": 1200,
+                  "md": 900,
+                  "sm": 600,
+                  "xl": 1536,
+                  "xs": 0,
+                },
+              },
+              "colours": Object {
+                "background": "#FAFAFA",
+                "blue": "#003088",
+                "chip": "#E0E0E0",
+                "contrastGrey": "#717171",
+                "darkGreen": "#3A7F3A",
+                "darkOrange": "#C34F00",
+                "footerLink": Object {
+                  "active": "#E58885",
+                  "default": "#FFFFFF",
+                },
+                "grey": "#727272",
+                "homePage": Object {
+                  "blueButton": "#1E5DF8",
+                  "blueDescription": "#FFFFFF",
+                  "heading": "#333333",
+                },
+                "information": "#003088",
+                "lightBlue": "#1E5DF8",
+                "lightOrange": "#FF6900",
+                "link": Object {
+                  "active": "#E94D36",
+                  "default": "#1E5DF8",
+                  "visited": "#BE2BBB",
+                },
+                "orange": "#C34F00",
+                "paper": "#FFFFFF",
+                "primary": "#003088",
+                "red": "#AC1600",
+                "secondary": "#003088",
+                "tabsGrey": "#EEEEEE",
+                "textSecondary": "rgba(0, 0, 0, 0.54)",
+                "type": "default",
+                "warning": "#FFA500",
+              },
+              "components": Object {
+                "MuiBadge": Object {
+                  "styleOverrides": Object {
+                    "colorPrimary": Object {
+                      "backgroundColor": "#C34F00",
+                      "color": "white",
                     },
-                  }
-                }
-                isStringTag={true}
-                serialized={
+                  },
+                },
+                "MuiCheckbox": Object {
+                  "styleOverrides": Object {
+                    "colorPrimary": Object {
+                      "&.Mui-checked": Object {
+                        "color": "#003088",
+                      },
+                      "&.MuiCheckbox-indeterminate": Object {
+                        "color": "#727272",
+                      },
+                    },
+                  },
+                },
+                "MuiChip": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "backgroundColor": "#E0E0E0",
+                    },
+                  },
+                },
+                "MuiFormHelperText": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "&.Mui-error": Object {
+                        "color": "#AC1600",
+                      },
+                    },
+                  },
+                },
+                "MuiFormLabel": Object {
+                  "styleOverrides": Object {
+                    "asterisk": Object {
+                      "&.Mui-error": Object {
+                        "color": "#AC1600",
+                      },
+                    },
+                    "root": Object {
+                      "&.Mui-error": Object {
+                        "color": "#AC1600",
+                      },
+                      "&.Mui-focused": Object {
+                        "color": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiInput": Object {
+                  "styleOverrides": Object {
+                    "underline": Object {
+                      "&.Mui-error": Object {
+                        "borderBottomColor": "#AC1600",
+                      },
+                      "&.Mui-error:after": Object {
+                        "borderBottomColor": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiLink": Object {
+                  "defaultProps": Object {
+                    "underline": "hover",
+                  },
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "color": "#003088",
+                    },
+                  },
+                },
+                "MuiOutlinedInput": Object {
+                  "styleOverrides": Object {
+                    "input": Object {
+                      "&::placeholder": Object {
+                        "colour": "rgba(0, 0, 0, 0.54)",
+                        "opacity": 0.7,
+                      },
+                    },
+                    "root": Object {
+                      "&.Mui-error .MuiOutlinedInput-notchedOutline": Object {
+                        "borderColor": "#AC1600",
+                      },
+                    },
+                  },
+                },
+                "MuiPaper": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "backgroundImage": "unset",
+                    },
+                  },
+                },
+                "MuiPickersCalendarHeader": Object {
+                  "styleOverrides": Object {
+                    "dayLabel": Object {
+                      "color": "#727272",
+                    },
+                  },
+                },
+                "MuiPickersDay": Object {
+                  "styleOverrides": Object {
+                    "current": Object {
+                      "color": "#003088",
+                    },
+                    "dayDisabled": Object {
+                      "color": "#727272",
+                    },
+                  },
+                },
+                "MuiPickersMonth": Object {
+                  "styleOverrides": Object {
+                    "monthDisabled": Object {
+                      "color": "#727272",
+                    },
+                    "monthSelected": Object {
+                      "color": "#003088",
+                    },
+                    "root": Object {
+                      "&:active": Object {
+                        "color": "#003088",
+                      },
+                      "&:focus": Object {
+                        "color": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiPickersToolbar": Object {
+                  "styleOverrides": Object {
+                    "toolbar": Object {
+                      "backgroundColor": "#003088",
+                    },
+                  },
+                },
+                "MuiPickersYear": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "&:active": Object {
+                        "color": "#003088",
+                      },
+                      "&:focus": Object {
+                        "color": "#003088",
+                      },
+                    },
+                    "yearDisabled": Object {
+                      "color": "#727272",
+                    },
+                    "yearSelected": Object {
+                      "color": "#003088",
+                    },
+                  },
+                },
+                "MuiTab": Object {
+                  "styleOverrides": Object {
+                    "textColorSecondary": Object {
+                      "&.Mui-selected": Object {
+                        "color": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiTabs": Object {
+                  "styleOverrides": Object {
+                    "indicator": Object {
+                      "color": "#003088",
+                      "textDecoration": "underline",
+                    },
+                  },
+                },
+              },
+              "direction": "ltr",
+              "drawerWidth": "220px",
+              "footerHeight": "20px",
+              "footerPaddingBottom": "8px",
+              "footerPaddingTop": "8px",
+              "mainAppBarHeight": "64px",
+              "mixins": Object {
+                "toolbar": Object {
+                  "@media (min-width:0px) and (orientation: landscape)": Object {
+                    "minHeight": 48,
+                  },
+                  "@media (min-width:600px)": Object {
+                    "minHeight": 64,
+                  },
+                  "minHeight": 56,
+                },
+              },
+              "palette": Object {
+                "action": Object {
+                  "activatedOpacity": 0.12,
+                  "active": "rgba(0, 0, 0, 0.54)",
+                  "disabled": "rgba(0, 0, 0, 0.26)",
+                  "disabledBackground": "rgba(0, 0, 0, 0.12)",
+                  "disabledOpacity": 0.38,
+                  "focus": "rgba(0, 0, 0, 0.12)",
+                  "focusOpacity": 0.12,
+                  "hover": "rgba(0, 0, 0, 0.04)",
+                  "hoverOpacity": 0.04,
+                  "selected": "rgba(0, 0, 0, 0.08)",
+                  "selectedOpacity": 0.08,
+                },
+                "augmentColor": [Function],
+                "background": Object {
+                  "default": "#FAFAFA",
+                  "paper": "#FFFFFF",
+                },
+                "common": Object {
+                  "black": "#000",
+                  "white": "#fff",
+                },
+                "contrastThreshold": 3,
+                "divider": "rgba(0, 0, 0, 0.12)",
+                "error": Object {
+                  "contrastText": "#fff",
+                  "dark": "#c62828",
+                  "light": "#ef5350",
+                  "main": "#d32f2f",
+                },
+                "getContrastText": [Function],
+                "grey": Object {
+                  "100": "#f5f5f5",
+                  "200": "#eeeeee",
+                  "300": "#e0e0e0",
+                  "400": "#bdbdbd",
+                  "50": "#fafafa",
+                  "500": "#9e9e9e",
+                  "600": "#757575",
+                  "700": "#616161",
+                  "800": "#424242",
+                  "900": "#212121",
+                  "A100": "#f5f5f5",
+                  "A200": "#eeeeee",
+                  "A400": "#bdbdbd",
+                  "A700": "#616161",
+                },
+                "info": Object {
+                  "contrastText": "#fff",
+                  "dark": "#01579b",
+                  "light": "#03a9f4",
+                  "main": "#0288d1",
+                },
+                "mode": "light",
+                "primary": Object {
+                  "contrastText": "#fff",
+                  "dark": "rgb(0, 33, 95)",
+                  "light": "rgb(51, 89, 159)",
+                  "main": "#003088",
+                },
+                "secondary": Object {
+                  "contrastText": "#fff",
+                  "dark": "rgb(0, 33, 95)",
+                  "light": "rgb(51, 89, 159)",
+                  "main": "#003088",
+                },
+                "success": Object {
+                  "contrastText": "#fff",
+                  "dark": "#1b5e20",
+                  "light": "#4caf50",
+                  "main": "#2e7d32",
+                },
+                "text": Object {
+                  "disabled": "rgba(0, 0, 0, 0.38)",
+                  "primary": "rgba(0, 0, 0, 0.87)",
+                  "secondary": "rgba(0, 0, 0, 0.54)",
+                },
+                "tonalOffset": 0.2,
+                "warning": Object {
+                  "contrastText": "#fff",
+                  "dark": "#e65100",
+                  "light": "#ff9800",
+                  "main": "#ed6c02",
+                },
+              },
+              "shadows": Array [
+                "none",
+                "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
+                "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+                "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
+                "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
+                "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
+                "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
+                "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
+                "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
+                "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
+                "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
+                "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
+                "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
+                "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
+                "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
+                "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
+                "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
+                "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
+                "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
+                "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
+                "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
+                "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
+                "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
+                "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
+                "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
+              ],
+              "shape": Object {
+                "borderRadius": 4,
+              },
+              "spacing": [Function],
+              "transitions": Object {
+                "create": [Function],
+                "duration": Object {
+                  "complex": 375,
+                  "enteringScreen": 225,
+                  "leavingScreen": 195,
+                  "short": 250,
+                  "shorter": 200,
+                  "shortest": 150,
+                  "standard": 300,
+                },
+                "easing": Object {
+                  "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
+                  "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+                  "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
+                  "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
+                },
+                "getAutoHeightDuration": [Function],
+              },
+              "typography": Object {
+                "body1": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.00938em",
+                  "lineHeight": 1.5,
+                },
+                "body2": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.875rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.01071em",
+                  "lineHeight": 1.43,
+                },
+                "button": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.875rem",
+                  "fontWeight": 500,
+                  "letterSpacing": "0.02857em",
+                  "lineHeight": 1.75,
+                  "textTransform": "none",
+                },
+                "caption": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.75rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.03333em",
+                  "lineHeight": 1.66,
+                },
+                "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                "fontSize": 14,
+                "fontWeightBold": 700,
+                "fontWeightLight": 300,
+                "fontWeightMedium": 500,
+                "fontWeightRegular": 400,
+                "h1": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "6rem",
+                  "fontWeight": 300,
+                  "letterSpacing": "-0.01562em",
+                  "lineHeight": 1.167,
+                },
+                "h2": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "3.75rem",
+                  "fontWeight": 300,
+                  "letterSpacing": "-0.00833em",
+                  "lineHeight": 1.2,
+                },
+                "h3": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "3rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0em",
+                  "lineHeight": 1.167,
+                },
+                "h4": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "2.125rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.00735em",
+                  "lineHeight": 1.235,
+                },
+                "h5": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1.5rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0em",
+                  "lineHeight": 1.334,
+                },
+                "h6": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1.25rem",
+                  "fontWeight": 500,
+                  "letterSpacing": "0.0075em",
+                  "lineHeight": 1.6,
+                },
+                "htmlFontSize": 16,
+                "overline": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.75rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.08333em",
+                  "lineHeight": 2.66,
+                  "textTransform": "uppercase",
+                },
+                "pxToRem": [Function],
+                "subtitle1": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.00938em",
+                  "lineHeight": 1.75,
+                },
+                "subtitle2": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.875rem",
+                  "fontWeight": 500,
+                  "letterSpacing": "0.00714em",
+                  "lineHeight": 1.57,
+                },
+              },
+              "zIndex": Object {
+                "appBar": 1100,
+                "drawer": 1200,
+                "mobileStepper": 1000,
+                "modal": 1300,
+                "snackbar": 1400,
+                "speedDial": 1050,
+                "tooltip": 1500,
+              },
+              Symbol(mui.nested): false,
+            }
+          }
+        >
+          <InnerThemeProvider>
+            <Connect(Routing)>
+              <Routing
+                dispatch={[Function]}
+                drawerOpen={false}
+                loading={false}
+                location="/"
+                maintenance={
                   Object {
-                    "map": undefined,
-                    "name": "122vh0z",
-                    "next": undefined,
-                    "styles": "padding-bottom:36px;width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px - 32px);overflow:auto;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;",
-                    "toString": [Function],
+                    "message": "",
+                    "show": false,
                   }
                 }
-              />
-              <div
-                className="css-122vh0z"
+                plugins={Array []}
+                userIsAdmin={true}
+                userIsloggedIn={true}
               >
-                <Switch>
-                  <Route
-                    computedMatch={
+                <Styled(div)
+                  drawerOpen={false}
+                >
+                  <Insertion
+                    cache={
                       Object {
-                        "isExact": true,
-                        "params": Object {},
-                        "path": "/admin",
-                        "url": "/admin",
+                        "insert": [Function],
+                        "inserted": Object {
+                          "9peh1a": true,
+                        },
+                        "key": "css",
+                        "nonce": undefined,
+                        "registered": Object {},
+                        "sheet": StyleSheet {
+                          "_alreadyInsertedOrderInsensitiveRule": true,
+                          "_insertTag": [Function],
+                          "before": null,
+                          "container": <head>
+                            <style
+                              data-emotion="css"
+                              data-s=""
+                            >
+                              
+                              .css-9peh1a{width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
+                            </style>
+                          </head>,
+                          "ctr": 1,
+                          "insertionPoint": undefined,
+                          "isSpeedy": false,
+                          "key": "css",
+                          "nonce": undefined,
+                          "prepend": undefined,
+                          "tags": Array [
+                            <style
+                              data-emotion="css"
+                              data-s=""
+                            >
+                              
+                              .css-9peh1a{width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
+                            </style>,
+                          ],
+                        },
                       }
                     }
-                    location={
+                    isStringTag={true}
+                    serialized={
                       Object {
-                        "hash": "",
-                        "key": "testKey",
-                        "pathname": "/admin",
-                        "search": "",
+                        "map": undefined,
+                        "name": "9peh1a",
+                        "next": undefined,
+                        "styles": "width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px);overflow:auto;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;",
+                        "toString": [Function],
                       }
                     }
-                    path="/admin"
-                    render={[Function]}
+                  />
+                  <div
+                    className="css-9peh1a"
                   >
-                    <Connect(WithAuthComponent)>
-                      <WithAuthComponent
-                        invalidToken={[Function]}
-                        loading={false}
-                        location="/"
-                        loggedIn={true}
-                        provider={
-                          TestAuthProvider {
-                            "authUrl": undefined,
-                            "autoLogin": undefined,
-                            "mnemonic": undefined,
-                            "redirectUrl": null,
-                            "token": "logged in",
-                            "user": null,
+                    <Switch>
+                      <Route
+                        computedMatch={
+                          Object {
+                            "isExact": true,
+                            "params": Object {},
+                            "path": "/admin",
+                            "url": "/admin",
+                          }
+                        }
+                        location={
+                          Object {
+                            "hash": "",
+                            "key": "testKey",
+                            "pathname": "/admin",
+                            "search": "",
                           }
                         }
-                        requestPluginRerender={[Function]}
-                        userIsAdmin={true}
+                        path="/admin"
+                        render={[Function]}
                       >
-                        <div>
-                          <Component>
-                            Mocked AdminPage
-                          </Component>
-                        </div>
-                      </WithAuthComponent>
-                    </Connect(WithAuthComponent)>
-                  </Route>
-                </Switch>
-              </div>
-            </Styled(div)>
-          </Routing>
-        </Connect(Routing)>
+                        <Connect(WithAuthComponent)>
+                          <WithAuthComponent
+                            invalidToken={[Function]}
+                            loading={false}
+                            location="/"
+                            loggedIn={true}
+                            provider={
+                              TestAuthProvider {
+                                "authUrl": undefined,
+                                "autoLogin": undefined,
+                                "mnemonic": undefined,
+                                "redirectUrl": null,
+                                "token": "logged in",
+                                "user": null,
+                              }
+                            }
+                            requestPluginRerender={[Function]}
+                            userIsAdmin={true}
+                          >
+                            <div>
+                              <Component>
+                                Mocked AdminPage
+                              </Component>
+                            </div>
+                          </WithAuthComponent>
+                        </Connect(WithAuthComponent)>
+                      </Route>
+                    </Switch>
+                  </div>
+                </Styled(div)>
+              </Routing>
+            </Connect(Routing)>
+          </InnerThemeProvider>
+        </ThemeProvider>
       </ThemeProvider>
     </Router>
   </MemoryRouter>
@@ -2111,169 +3129,678 @@ exports[`Routing component renders a route for maintenance page when site is und
               "speedDial": 1050,
               "tooltip": 1500,
             },
+            Symbol(mui.nested): false,
           }
         }
       >
-        <Connect(Routing)>
-          <Routing
-            dispatch={[Function]}
-            drawerOpen={false}
-            loading={false}
-            location="/"
-            maintenance={
-              Object {
-                "message": "test",
-                "show": true,
-              }
-            }
-            plugins={
-              Array [
-                Object {
-                  "displayName": "Test Plugin",
-                  "link": "/test_link",
-                  "order": 1,
-                  "plugin": "test_plugin_name",
-                  "section": "test section",
-                },
-              ]
+        <ThemeProvider
+          theme={
+            Object {
+              "breakpoints": Object {
+                "between": [Function],
+                "down": [Function],
+                "keys": Array [
+                  "xs",
+                  "sm",
+                  "md",
+                  "lg",
+                  "xl",
+                ],
+                "not": [Function],
+                "only": [Function],
+                "unit": "px",
+                "up": [Function],
+                "values": Object {
+                  "lg": 1200,
+                  "md": 900,
+                  "sm": 600,
+                  "xl": 1536,
+                  "xs": 0,
+                },
+              },
+              "colours": Object {
+                "background": "#FAFAFA",
+                "blue": "#003088",
+                "chip": "#E0E0E0",
+                "contrastGrey": "#717171",
+                "darkGreen": "#3A7F3A",
+                "darkOrange": "#C34F00",
+                "footerLink": Object {
+                  "active": "#E58885",
+                  "default": "#FFFFFF",
+                },
+                "grey": "#727272",
+                "homePage": Object {
+                  "blueButton": "#1E5DF8",
+                  "blueDescription": "#FFFFFF",
+                  "heading": "#333333",
+                },
+                "information": "#003088",
+                "lightBlue": "#1E5DF8",
+                "lightOrange": "#FF6900",
+                "link": Object {
+                  "active": "#E94D36",
+                  "default": "#1E5DF8",
+                  "visited": "#BE2BBB",
+                },
+                "orange": "#C34F00",
+                "paper": "#FFFFFF",
+                "primary": "#003088",
+                "red": "#AC1600",
+                "secondary": "#003088",
+                "tabsGrey": "#EEEEEE",
+                "textSecondary": "rgba(0, 0, 0, 0.54)",
+                "type": "default",
+                "warning": "#FFA500",
+              },
+              "components": Object {
+                "MuiBadge": Object {
+                  "styleOverrides": Object {
+                    "colorPrimary": Object {
+                      "backgroundColor": "#C34F00",
+                      "color": "white",
+                    },
+                  },
+                },
+                "MuiCheckbox": Object {
+                  "styleOverrides": Object {
+                    "colorPrimary": Object {
+                      "&.Mui-checked": Object {
+                        "color": "#003088",
+                      },
+                      "&.MuiCheckbox-indeterminate": Object {
+                        "color": "#727272",
+                      },
+                    },
+                  },
+                },
+                "MuiChip": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "backgroundColor": "#E0E0E0",
+                    },
+                  },
+                },
+                "MuiFormHelperText": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "&.Mui-error": Object {
+                        "color": "#AC1600",
+                      },
+                    },
+                  },
+                },
+                "MuiFormLabel": Object {
+                  "styleOverrides": Object {
+                    "asterisk": Object {
+                      "&.Mui-error": Object {
+                        "color": "#AC1600",
+                      },
+                    },
+                    "root": Object {
+                      "&.Mui-error": Object {
+                        "color": "#AC1600",
+                      },
+                      "&.Mui-focused": Object {
+                        "color": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiInput": Object {
+                  "styleOverrides": Object {
+                    "underline": Object {
+                      "&.Mui-error": Object {
+                        "borderBottomColor": "#AC1600",
+                      },
+                      "&.Mui-error:after": Object {
+                        "borderBottomColor": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiLink": Object {
+                  "defaultProps": Object {
+                    "underline": "hover",
+                  },
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "color": "#003088",
+                    },
+                  },
+                },
+                "MuiOutlinedInput": Object {
+                  "styleOverrides": Object {
+                    "input": Object {
+                      "&::placeholder": Object {
+                        "colour": "rgba(0, 0, 0, 0.54)",
+                        "opacity": 0.7,
+                      },
+                    },
+                    "root": Object {
+                      "&.Mui-error .MuiOutlinedInput-notchedOutline": Object {
+                        "borderColor": "#AC1600",
+                      },
+                    },
+                  },
+                },
+                "MuiPaper": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "backgroundImage": "unset",
+                    },
+                  },
+                },
+                "MuiPickersCalendarHeader": Object {
+                  "styleOverrides": Object {
+                    "dayLabel": Object {
+                      "color": "#727272",
+                    },
+                  },
+                },
+                "MuiPickersDay": Object {
+                  "styleOverrides": Object {
+                    "current": Object {
+                      "color": "#003088",
+                    },
+                    "dayDisabled": Object {
+                      "color": "#727272",
+                    },
+                  },
+                },
+                "MuiPickersMonth": Object {
+                  "styleOverrides": Object {
+                    "monthDisabled": Object {
+                      "color": "#727272",
+                    },
+                    "monthSelected": Object {
+                      "color": "#003088",
+                    },
+                    "root": Object {
+                      "&:active": Object {
+                        "color": "#003088",
+                      },
+                      "&:focus": Object {
+                        "color": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiPickersToolbar": Object {
+                  "styleOverrides": Object {
+                    "toolbar": Object {
+                      "backgroundColor": "#003088",
+                    },
+                  },
+                },
+                "MuiPickersYear": Object {
+                  "styleOverrides": Object {
+                    "root": Object {
+                      "&:active": Object {
+                        "color": "#003088",
+                      },
+                      "&:focus": Object {
+                        "color": "#003088",
+                      },
+                    },
+                    "yearDisabled": Object {
+                      "color": "#727272",
+                    },
+                    "yearSelected": Object {
+                      "color": "#003088",
+                    },
+                  },
+                },
+                "MuiTab": Object {
+                  "styleOverrides": Object {
+                    "textColorSecondary": Object {
+                      "&.Mui-selected": Object {
+                        "color": "#003088",
+                      },
+                    },
+                  },
+                },
+                "MuiTabs": Object {
+                  "styleOverrides": Object {
+                    "indicator": Object {
+                      "color": "#003088",
+                      "textDecoration": "underline",
+                    },
+                  },
+                },
+              },
+              "direction": "ltr",
+              "drawerWidth": "220px",
+              "footerHeight": "20px",
+              "footerPaddingBottom": "8px",
+              "footerPaddingTop": "8px",
+              "mainAppBarHeight": "64px",
+              "mixins": Object {
+                "toolbar": Object {
+                  "@media (min-width:0px) and (orientation: landscape)": Object {
+                    "minHeight": 48,
+                  },
+                  "@media (min-width:600px)": Object {
+                    "minHeight": 64,
+                  },
+                  "minHeight": 56,
+                },
+              },
+              "palette": Object {
+                "action": Object {
+                  "activatedOpacity": 0.12,
+                  "active": "rgba(0, 0, 0, 0.54)",
+                  "disabled": "rgba(0, 0, 0, 0.26)",
+                  "disabledBackground": "rgba(0, 0, 0, 0.12)",
+                  "disabledOpacity": 0.38,
+                  "focus": "rgba(0, 0, 0, 0.12)",
+                  "focusOpacity": 0.12,
+                  "hover": "rgba(0, 0, 0, 0.04)",
+                  "hoverOpacity": 0.04,
+                  "selected": "rgba(0, 0, 0, 0.08)",
+                  "selectedOpacity": 0.08,
+                },
+                "augmentColor": [Function],
+                "background": Object {
+                  "default": "#FAFAFA",
+                  "paper": "#FFFFFF",
+                },
+                "common": Object {
+                  "black": "#000",
+                  "white": "#fff",
+                },
+                "contrastThreshold": 3,
+                "divider": "rgba(0, 0, 0, 0.12)",
+                "error": Object {
+                  "contrastText": "#fff",
+                  "dark": "#c62828",
+                  "light": "#ef5350",
+                  "main": "#d32f2f",
+                },
+                "getContrastText": [Function],
+                "grey": Object {
+                  "100": "#f5f5f5",
+                  "200": "#eeeeee",
+                  "300": "#e0e0e0",
+                  "400": "#bdbdbd",
+                  "50": "#fafafa",
+                  "500": "#9e9e9e",
+                  "600": "#757575",
+                  "700": "#616161",
+                  "800": "#424242",
+                  "900": "#212121",
+                  "A100": "#f5f5f5",
+                  "A200": "#eeeeee",
+                  "A400": "#bdbdbd",
+                  "A700": "#616161",
+                },
+                "info": Object {
+                  "contrastText": "#fff",
+                  "dark": "#01579b",
+                  "light": "#03a9f4",
+                  "main": "#0288d1",
+                },
+                "mode": "light",
+                "primary": Object {
+                  "contrastText": "#fff",
+                  "dark": "rgb(0, 33, 95)",
+                  "light": "rgb(51, 89, 159)",
+                  "main": "#003088",
+                },
+                "secondary": Object {
+                  "contrastText": "#fff",
+                  "dark": "rgb(0, 33, 95)",
+                  "light": "rgb(51, 89, 159)",
+                  "main": "#003088",
+                },
+                "success": Object {
+                  "contrastText": "#fff",
+                  "dark": "#1b5e20",
+                  "light": "#4caf50",
+                  "main": "#2e7d32",
+                },
+                "text": Object {
+                  "disabled": "rgba(0, 0, 0, 0.38)",
+                  "primary": "rgba(0, 0, 0, 0.87)",
+                  "secondary": "rgba(0, 0, 0, 0.54)",
+                },
+                "tonalOffset": 0.2,
+                "warning": Object {
+                  "contrastText": "#fff",
+                  "dark": "#e65100",
+                  "light": "#ff9800",
+                  "main": "#ed6c02",
+                },
+              },
+              "shadows": Array [
+                "none",
+                "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
+                "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+                "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
+                "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
+                "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
+                "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
+                "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
+                "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
+                "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
+                "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
+                "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
+                "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
+                "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
+                "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
+                "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
+                "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
+                "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
+                "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
+                "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
+                "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
+                "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
+                "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
+                "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
+                "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
+              ],
+              "shape": Object {
+                "borderRadius": 4,
+              },
+              "spacing": [Function],
+              "transitions": Object {
+                "create": [Function],
+                "duration": Object {
+                  "complex": 375,
+                  "enteringScreen": 225,
+                  "leavingScreen": 195,
+                  "short": 250,
+                  "shorter": 200,
+                  "shortest": 150,
+                  "standard": 300,
+                },
+                "easing": Object {
+                  "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
+                  "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+                  "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
+                  "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
+                },
+                "getAutoHeightDuration": [Function],
+              },
+              "typography": Object {
+                "body1": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.00938em",
+                  "lineHeight": 1.5,
+                },
+                "body2": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.875rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.01071em",
+                  "lineHeight": 1.43,
+                },
+                "button": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.875rem",
+                  "fontWeight": 500,
+                  "letterSpacing": "0.02857em",
+                  "lineHeight": 1.75,
+                  "textTransform": "none",
+                },
+                "caption": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.75rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.03333em",
+                  "lineHeight": 1.66,
+                },
+                "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                "fontSize": 14,
+                "fontWeightBold": 700,
+                "fontWeightLight": 300,
+                "fontWeightMedium": 500,
+                "fontWeightRegular": 400,
+                "h1": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "6rem",
+                  "fontWeight": 300,
+                  "letterSpacing": "-0.01562em",
+                  "lineHeight": 1.167,
+                },
+                "h2": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "3.75rem",
+                  "fontWeight": 300,
+                  "letterSpacing": "-0.00833em",
+                  "lineHeight": 1.2,
+                },
+                "h3": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "3rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0em",
+                  "lineHeight": 1.167,
+                },
+                "h4": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "2.125rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.00735em",
+                  "lineHeight": 1.235,
+                },
+                "h5": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1.5rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0em",
+                  "lineHeight": 1.334,
+                },
+                "h6": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1.25rem",
+                  "fontWeight": 500,
+                  "letterSpacing": "0.0075em",
+                  "lineHeight": 1.6,
+                },
+                "htmlFontSize": 16,
+                "overline": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.75rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.08333em",
+                  "lineHeight": 2.66,
+                  "textTransform": "uppercase",
+                },
+                "pxToRem": [Function],
+                "subtitle1": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "1rem",
+                  "fontWeight": 400,
+                  "letterSpacing": "0.00938em",
+                  "lineHeight": 1.75,
+                },
+                "subtitle2": Object {
+                  "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                  "fontSize": "0.875rem",
+                  "fontWeight": 500,
+                  "letterSpacing": "0.00714em",
+                  "lineHeight": 1.57,
+                },
+              },
+              "zIndex": Object {
+                "appBar": 1100,
+                "drawer": 1200,
+                "mobileStepper": 1000,
+                "modal": 1300,
+                "snackbar": 1400,
+                "speedDial": 1050,
+                "tooltip": 1500,
+              },
+              Symbol(mui.nested): false,
             }
-            userIsAdmin={false}
-            userIsloggedIn={true}
-          >
-            <Styled(div)
-              drawerOpen={false}
-            >
-              <Insertion
-                cache={
+          }
+        >
+          <InnerThemeProvider>
+            <Connect(Routing)>
+              <Routing
+                dispatch={[Function]}
+                drawerOpen={false}
+                loading={false}
+                location="/"
+                maintenance={
                   Object {
-                    "insert": [Function],
-                    "inserted": Object {
-                      "122vh0z": true,
-                    },
-                    "key": "css",
-                    "nonce": undefined,
-                    "registered": Object {},
-                    "sheet": StyleSheet {
-                      "_alreadyInsertedOrderInsensitiveRule": true,
-                      "_insertTag": [Function],
-                      "before": null,
-                      "container": <head>
-                        <style
-                          data-emotion="css"
-                          data-s=""
-                        >
-                          
-                          .css-122vh0z{padding-bottom:36px;width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px - 32px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
-                        </style>
-                      </head>,
-                      "ctr": 1,
-                      "insertionPoint": undefined,
-                      "isSpeedy": false,
-                      "key": "css",
-                      "nonce": undefined,
-                      "prepend": undefined,
-                      "tags": Array [
-                        <style
-                          data-emotion="css"
-                          data-s=""
-                        >
-                          
-                          .css-122vh0z{padding-bottom:36px;width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px - 32px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
-                        </style>,
-                      ],
-                    },
+                    "message": "test",
+                    "show": true,
                   }
                 }
-                isStringTag={true}
-                serialized={
-                  Object {
-                    "map": undefined,
-                    "name": "122vh0z",
-                    "next": undefined,
-                    "styles": "padding-bottom:36px;width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px - 32px);overflow:auto;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;",
-                    "toString": [Function],
-                  }
+                plugins={
+                  Array [
+                    Object {
+                      "displayName": "Test Plugin",
+                      "link": "/test_link",
+                      "order": 1,
+                      "plugin": "test_plugin_name",
+                      "section": "test section",
+                    },
+                  ]
                 }
-              />
-              <div
-                className="css-122vh0z"
+                userIsAdmin={false}
+                userIsloggedIn={true}
               >
-                <Switch>
-                  <Route
-                    component={[Function]}
-                    computedMatch={
+                <Styled(div)
+                  drawerOpen={false}
+                >
+                  <Insertion
+                    cache={
                       Object {
-                        "isExact": false,
-                        "params": Object {},
-                        "path": "/",
-                        "url": "/",
+                        "insert": [Function],
+                        "inserted": Object {
+                          "9peh1a": true,
+                        },
+                        "key": "css",
+                        "nonce": undefined,
+                        "registered": Object {},
+                        "sheet": StyleSheet {
+                          "_alreadyInsertedOrderInsensitiveRule": true,
+                          "_insertTag": [Function],
+                          "before": null,
+                          "container": <head>
+                            <style
+                              data-emotion="css"
+                              data-s=""
+                            >
+                              
+                              .css-9peh1a{width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
+                            </style>
+                          </head>,
+                          "ctr": 1,
+                          "insertionPoint": undefined,
+                          "isSpeedy": false,
+                          "key": "css",
+                          "nonce": undefined,
+                          "prepend": undefined,
+                          "tags": Array [
+                            <style
+                              data-emotion="css"
+                              data-s=""
+                            >
+                              
+                              .css-9peh1a{width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px);overflow:auto;-webkit-transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;}
+                            </style>,
+                          ],
+                        },
                       }
                     }
-                    location={
+                    isStringTag={true}
+                    serialized={
                       Object {
-                        "hash": "",
-                        "key": "testKey",
-                        "pathname": "/test_link",
-                        "search": "",
+                        "map": undefined,
+                        "name": "9peh1a",
+                        "next": undefined,
+                        "styles": "width:100%;max-height:calc(100vh - 64px - 20px - 8px - 8px);overflow:auto;transition:margin 195ms cubic-bezier(0.4, 0, 1, 1) 0ms,width 195ms cubic-bezier(0.4, 0, 1, 1) 0ms;",
+                        "toString": [Function],
                       }
                     }
+                  />
+                  <div
+                    className="css-9peh1a"
                   >
-                    <Component
-                      history={
-                        Object {
-                          "action": "POP",
-                          "block": [Function],
-                          "canGo": [Function],
-                          "createHref": [Function],
-                          "entries": Array [
-                            Object {
-                              "hash": "",
-                              "key": "testKey",
-                              "pathname": "/test_link",
-                              "search": "",
-                            },
-                          ],
-                          "go": [Function],
-                          "goBack": [Function],
-                          "goForward": [Function],
-                          "index": 0,
-                          "length": 1,
-                          "listen": [Function],
-                          "location": Object {
+                    <Switch>
+                      <Route
+                        component={[Function]}
+                        computedMatch={
+                          Object {
+                            "isExact": false,
+                            "params": Object {},
+                            "path": "/",
+                            "url": "/",
+                          }
+                        }
+                        location={
+                          Object {
                             "hash": "",
                             "key": "testKey",
                             "pathname": "/test_link",
                             "search": "",
-                          },
-                          "push": [Function],
-                          "replace": [Function],
-                        }
-                      }
-                      location={
-                        Object {
-                          "hash": "",
-                          "key": "testKey",
-                          "pathname": "/test_link",
-                          "search": "",
-                        }
-                      }
-                      match={
-                        Object {
-                          "isExact": false,
-                          "params": Object {},
-                          "path": "/",
-                          "url": "/",
+                          }
                         }
-                      }
-                    >
-                      Mocked MaintenancePage
-                    </Component>
-                  </Route>
-                </Switch>
-              </div>
-            </Styled(div)>
-          </Routing>
-        </Connect(Routing)>
+                      >
+                        <Component
+                          history={
+                            Object {
+                              "action": "POP",
+                              "block": [Function],
+                              "canGo": [Function],
+                              "createHref": [Function],
+                              "entries": Array [
+                                Object {
+                                  "hash": "",
+                                  "key": "testKey",
+                                  "pathname": "/test_link",
+                                  "search": "",
+                                },
+                              ],
+                              "go": [Function],
+                              "goBack": [Function],
+                              "goForward": [Function],
+                              "index": 0,
+                              "length": 1,
+                              "listen": [Function],
+                              "location": Object {
+                                "hash": "",
+                                "key": "testKey",
+                                "pathname": "/test_link",
+                                "search": "",
+                              },
+                              "push": [Function],
+                              "replace": [Function],
+                            }
+                          }
+                          location={
+                            Object {
+                              "hash": "",
+                              "key": "testKey",
+                              "pathname": "/test_link",
+                              "search": "",
+                            }
+                          }
+                          match={
+                            Object {
+                              "isExact": false,
+                              "params": Object {},
+                              "path": "/",
+                              "url": "/",
+                            }
+                          }
+                        >
+                          Mocked MaintenancePage
+                        </Component>
+                      </Route>
+                    </Switch>
+                  </div>
+                </Styled(div)>
+              </Routing>
+            </Connect(Routing)>
+          </InnerThemeProvider>
+        </ThemeProvider>
       </ThemeProvider>
     </Router>
   </MemoryRouter>