diff --git a/resources/static/embedded-json-enc.js b/resources/static/embedded-json-enc.js
new file mode 100644
index 0000000..afacf62
--- /dev/null
+++ b/resources/static/embedded-json-enc.js
@@ -0,0 +1,47 @@
+(function () {
+  function _isNumeric(str) {
+    if (typeof str != "string") {
+      return false
+    }
+    return !isNaN(str) && !isNaN(parseFloat(str));
+  }
+
+  function _cast(str) {
+    return _isNumeric(str) ? parseFloat(str) : str;
+  }
+
+  function _addAssocToDict(obj, key, value) {
+    let splittedKey = Array.isArray(key) ? key : key.split(".");
+    const keyToAdd = splittedKey.shift();
+    const isTerminal = splittedKey.length === 0;
+    if (isTerminal) {
+      obj[keyToAdd] = _cast(value);
+      return obj;
+    }
+    if (!(keyToAdd in obj)) {
+      obj[keyToAdd] = {};
+    }
+    return _addAssocToDict(obj[keyToAdd], splittedKey, value);
+  }
+
+  function _createPayload(params) {
+    let ret = {};
+    for (let key of Object.keys(params)) {
+      _addAssocToDict(ret, key, params[key]);
+    }
+    return ret;
+  }
+
+  htmx.defineExtension('json-enc', {
+    onEvent: function (name, evt) {
+      if (name === "htmx:configRequest") {
+        evt.detail.headers['Content-Type'] = "application/json";
+      }
+    },
+
+    encodeParameters: function (xhr, parameters, elt) {
+      xhr.overrideMimeType('text/json');
+      return (JSON.stringify(_createPayload(parameters)));
+    }
+  });
+})();
\ No newline at end of file
diff --git a/resources/static/htmx.org@1.8.5 b/resources/static/vendor/htmx.org@1.8.5
similarity index 100%
rename from resources/static/htmx.org@1.8.5
rename to resources/static/vendor/htmx.org@1.8.5
diff --git a/resources/static/json-enc.js b/resources/static/vendor/json-enc.js
similarity index 100%
rename from resources/static/json-enc.js
rename to resources/static/vendor/json-enc.js
diff --git a/resources/static/uikit-icons.min.js b/resources/static/vendor/uikit-icons.min.js
similarity index 100%
rename from resources/static/uikit-icons.min.js
rename to resources/static/vendor/uikit-icons.min.js
diff --git a/resources/static/uikit.min.css b/resources/static/vendor/uikit.min.css
similarity index 100%
rename from resources/static/uikit.min.css
rename to resources/static/vendor/uikit.min.css
diff --git a/resources/static/uikit.min.js b/resources/static/vendor/uikit.min.js
similarity index 100%
rename from resources/static/uikit.min.js
rename to resources/static/vendor/uikit.min.js
diff --git a/resources/templates/actions.html b/resources/templates/actions.html
index 982b5c6..6f52ddb 100644
--- a/resources/templates/actions.html
+++ b/resources/templates/actions.html
@@ -24,9 +24,6 @@
       </div>
 
       <div id="action-form"></div>
-
-
-      <div id="submit-button"></div>
     </fieldset>
   </form>
 
diff --git a/resources/templates/base.html b/resources/templates/base.html
index 3144491..69cf45d 100644
--- a/resources/templates/base.html
+++ b/resources/templates/base.html
@@ -4,11 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ledger</title>
-    <link rel="stylesheet" href="/static/uikit.min.css" />
-    <script src="/static/uikit.min.js"></script>
-    <script src="/static/uikit-icons.min.js"></script>
-    <script src="/static/htmx.org@1.8.5"></script>
-    <script src="/static/json-enc.js"></script>
+    <link rel="stylesheet" href="/static/vendor/uikit.min.css" />
+    <script src="/static/vendor/uikit.min.js"></script>
+    <script src="/static/vendor/uikit-icons.min.js"></script>
+    <script src="/static/vendor/htmx.org@1.8.5"></script>
+    <script src="/static/embedded-json-enc.js"></script>
   </head>
 
   <body>
diff --git a/resources/templates/partials/actions/create_security.html b/resources/templates/partials/actions/create_security.html
index 2c0d246..b2da1c7 100644
--- a/resources/templates/partials/actions/create_security.html
+++ b/resources/templates/partials/actions/create_security.html
@@ -1,7 +1,17 @@
 
-<label class="uk-label">
-  <input type="text" name="event.name">
 
-</label>
+<div class="uk-margin">
+  <label class="uk-form-label"> Name
+    <input class="uk-input" type="text" placeholder="Narnia Dollar" aria-label="Default"
+           name="event.Event1.name">
+  </label>
+</div>
+
+<div class="uk-margin">
+  <label class="uk-form-label"> Age
+    <input class="uk-input" type="number" placeholder="Narnia Dollar" aria-label="Default"
+           name="event.Event1.age">
+  </label>
+</div>
 
 {%include "partials/actions/submit_button.html"%}
diff --git a/src/main.rs b/src/main.rs
index 006b0e9..baf3207 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -445,15 +445,15 @@ mod cli_test {
         assert_eq!(logic.process_events_count, 1);
     }
 
-    // #[test]
-    // fn run_web_ui() {
-    //     let cmd = command_line_parser();
-    //     let m = cmd.get_matches_from(vec!["test", "webui", "run"]);
-    //     let mut logic = TestCommandLineLogic::new();
-    //     let mut conn = Connection::open_in_memory().unwrap();
-    //     process_command_line(&mut conn, &m, &mut logic);
-    //     assert_eq!(logic.run_webui_count, 1);
-    // }
+    #[test]
+    fn run_web_ui() {
+        let cmd = command_line_parser();
+        let m = cmd.get_matches_from(vec!["test", "wui", "run"]);
+        let mut logic = TestCommandLineLogic::new();
+        let mut conn = Connection::open_in_memory().unwrap();
+        process_command_line(&mut conn, &m, &mut logic);
+        assert_eq!(logic.run_webui_count, 1);
+    }
 }
 
 struct ProCommandLineLogic {}