diff --git a/src/components/layouts/LayoutFill.stories.jsx b/src/components/layouts/LayoutFill.stories.jsx
index aa5c1d4..40141ac 100644
--- a/src/components/layouts/LayoutFill.stories.jsx
+++ b/src/components/layouts/LayoutFill.stories.jsx
@@ -3,6 +3,7 @@ import * as ReactDOM from "react-dom"
 import * as Decorators from "../../utils/Decorators"
 import { LayoutFill } from "./LayoutFill"
 import { Bluelib } from "../Bluelib"
+import { Box } from "../panels/Box"
 
 
 export default {
@@ -18,7 +19,9 @@ export default {
 export const Default = props => (
     <LayoutFill {...props}>
         <LayoutFill.Single>
-            Single
+            <Box>
+                Single
+            </Box>
         </LayoutFill.Single>
     </LayoutFill>
 )
diff --git a/src/components/layouts/LayoutThreeCol.stories.jsx b/src/components/layouts/LayoutThreeCol.stories.jsx
index 03d6955..732015b 100644
--- a/src/components/layouts/LayoutThreeCol.stories.jsx
+++ b/src/components/layouts/LayoutThreeCol.stories.jsx
@@ -2,6 +2,7 @@ import * as React from "react"
 import * as ReactDOM from "react-dom"
 import * as Decorators from "../../utils/Decorators"
 import { LayoutThreeCol } from "./LayoutThreeCol"
+import { Box } from "../panels/Box"
 
 
 export default {
@@ -17,13 +18,19 @@ export default {
 export const Default = props => (
     <LayoutThreeCol {...props}>
         <LayoutThreeCol.Left>
-            Left
+            <Box>
+                Left
+            </Box>
         </LayoutThreeCol.Left>
         <LayoutThreeCol.Center>
-            Center
+            <Box>
+                Center
+            </Box>
         </LayoutThreeCol.Center>
         <LayoutThreeCol.Right>
-            Right
+            <Box>
+                Right
+            </Box>
         </LayoutThreeCol.Right>
     </LayoutThreeCol>
 )