diff --git a/barfi/__init__.py b/barfi/__init__.py
index 8d7bdac..22750c2 100644
--- a/barfi/__init__.py
+++ b/barfi/__init__.py
@@ -46,7 +46,7 @@
 # "name" argument without having it get recreated.
 
 
-def st_barfi(base_blocks: Union[List[Block], Dict], load_schema: str = None, compute_engine: bool = True, key=None):
+def st_barfi(base_blocks: Union[List[Block], Dict], load_schema: str = None, compute_engine: bool = True, key=None, style:str=""):
     if load_schema:
         editor_schema = load_schema_name(load_schema)
     else:
@@ -81,7 +81,7 @@ def st_barfi(base_blocks: Union[List[Block], Dict], load_schema: str = None, com
 
     _from_client = _component_func(base_blocks=base_blocks_data, load_editor_schema=editor_schema,
                                    load_schema_names=schema_names_in_db, load_schema_name=load_schema, editor_setting=editor_setting,
-                                   key=key, default={'command': 'skip', 'editor_state': {}})
+                                   key=key, style=style, default={'command': 'skip', 'editor_state': {}})
 
     if _from_client['command'] == 'execute':
         if compute_engine:
diff --git a/frontend/src/components/BlockEditor.vue b/frontend/src/components/BlockEditor.vue
index 6baf0fc..4c67914 100644
--- a/frontend/src/components/BlockEditor.vue
+++ b/frontend/src/components/BlockEditor.vue
@@ -1,5 +1,6 @@
 <template>
     <div id="editorCanvas">
+
         <!-- Menu Modal -->
         <div
             class="modal"
@@ -162,6 +163,9 @@ export default {
                 }
             });
         });
+
+        // Apply custom css
+        document.head.innerHTML += "<style>" + this.args.style + "</style>";
     },
     methods: {
         executeEditorData() {