diff --git a/src/pages/Local.tsx b/src/pages/Local.tsx
index 258de32..1faad28 100644
--- a/src/pages/Local.tsx
+++ b/src/pages/Local.tsx
@@ -159,9 +159,12 @@ class LocalPage extends Component<any, ILocalPageState> {
 
     render() {
         const { classes } = this.props;
+        const containerClasses = `${classes.pageLayoutMaxConstraints}${
+            this.state.isMasonryLayout ? " " + classes.pageLayoutMasonry : ""
+        }`;
 
         return (
-            <div className={classes.pageLayoutMaxConstraints}>
+            <div className={containerClasses}>
                 {this.state.backlogPosts ? (
                     <div className={classes.pageTopChipContainer}>
                         <div className={classes.pageTopChips}>
diff --git a/src/pages/Public.tsx b/src/pages/Public.tsx
index 1fd3106..e52bc30 100644
--- a/src/pages/Public.tsx
+++ b/src/pages/Public.tsx
@@ -158,9 +158,12 @@ class PublicPage extends Component<any, IPublicPageState> {
 
     render() {
         const { classes } = this.props;
+        const containerClasses = `${classes.pageLayoutMaxConstraints}${
+            this.state.isMasonryLayout ? " " + classes.pageLayoutMasonry : ""
+        }`;
 
         return (
-            <div className={classes.pageLayoutMaxConstraints}>
+            <div className={containerClasses}>
                 {this.state.backlogPosts ? (
                     <div className={classes.pageTopChipContainer}>
                         <div className={classes.pageTopChips}>