diff --git a/src/utils/Decorators.jsx b/src/utils/Decorators.jsx
index e2b162e..e1d5080 100644
--- a/src/utils/Decorators.jsx
+++ b/src/utils/Decorators.jsx
@@ -4,12 +4,12 @@ import { Form as FormComponent } from "../components/forms/Form"
 import { Ruby as RubyComponent } from "../components/annotations/Ruby"
 
 
-export const Bluelib = Story => <BluelibComponent theme={"paper"} style={{backgroundColor: "transparent"}}><Story/></BluelibComponent>
+export const Bluelib = Story => <BluelibComponent theme={"paper"} style={{backgroundColor: "transparent"}}>{Story()}</BluelibComponent>
 
-export const Fill = Story => <div style={{height: "100vh"}}><Story/></div>
+export const Fill = Story => <div style={{height: "100vh"}}>{Story()}</div>
 
-export const Box = Story => <BoxComponent><Story/></BoxComponent>
+export const Box = Story => <BoxComponent>{Story()}</BoxComponent>
 
-export const Form = Story => <FormComponent><Story/></FormComponent>
+export const Form = Story => <FormComponent>{Story()}</FormComponent>
 
-export const Ruby = Story => <RubyComponent><Story/></RubyComponent>
+export const Ruby = Story => <RubyComponent>{Story()}</RubyComponent>