diff --git a/src/components/LayoutSideNavigation/LayoutSideNavigation.css b/src/components/LayoutSideNavigation/LayoutSideNavigation.css
index 1040acc6..bdae085f 100644
--- a/src/components/LayoutSideNavigation/LayoutSideNavigation.css
+++ b/src/components/LayoutSideNavigation/LayoutSideNavigation.css
@@ -10,6 +10,7 @@
 .container {
   /* parent aka root is flexbox, this container takes all available space */
   flex-grow: 1;
+  flex-shrink: 0;
 
   /* This container uses flexbox layout */
   display: flex;
diff --git a/src/components/LayoutSingleColumn/LayoutSingleColumn.css b/src/components/LayoutSingleColumn/LayoutSingleColumn.css
index 1fffb6d2..cb85159c 100644
--- a/src/components/LayoutSingleColumn/LayoutSingleColumn.css
+++ b/src/components/LayoutSingleColumn/LayoutSingleColumn.css
@@ -7,8 +7,9 @@
 }
 
 .layoutWrapperMain {
-  /* Use all available space parent element (aka root) can give */
+  /* Use all available space parent element (aka root) can give and don't shrink content */
   flex-grow: 1;
+  flex-shrink: 0;
 
   /* Expand to the full remaining width of the viewport */
   display: flex;