diff --git a/Core/Objects/Router/DocumentRoute.class.php b/Core/Objects/Router/DocumentRoute.class.php
index 6f124fc..a4f3a87 100644
--- a/Core/Objects/Router/DocumentRoute.class.php
+++ b/Core/Objects/Router/DocumentRoute.class.php
@@ -30,7 +30,7 @@ class DocumentRoute extends Route {
 
   protected function readExtra() {
     parent::readExtra();
-    $this->args = json_decode($this->extra) ?? [];
+    $this->args = json_decode($this->extra, true) ?? [];
   }
 
   public function preInsert(array &$row) {
diff --git a/react/admin-panel/src/views/route/route-edit.js b/react/admin-panel/src/views/route/route-edit.js
index 71e9036..58e1d49 100644
--- a/react/admin-panel/src/views/route/route-edit.js
+++ b/react/admin-panel/src/views/route/route-edit.js
@@ -82,7 +82,8 @@ export default function RouteEditView(props) {
     const onSave = useCallback(() => {
         if (!isSaving) {
             setSaving(true);
-            let args = [route.pattern, route.type, route.target, route.extra, route.exact, route.active];
+            let extra = ["dynamic", "static"].includes(route.type) ? route.extra : "";
+            let args = [route.pattern, route.type, route.target, extra, route.exact, route.active];
             if (isNewRoute) {
                 api.addRoute(...args).then(res => {
                     setSaving(false);
@@ -123,7 +124,7 @@ export default function RouteEditView(props) {
             <RouteForm route={route} setRoute={setRoute} />
             <ButtonBar mt={2}>
                 <Button startIcon={<KeyboardArrowLeft />}
-                        variant={"outlined"}
+                        variant={"outlined"} color={"error"}
                         onClick={() => navigate("/admin/routes")}>
                     {L("general.cancel")}
                 </Button>