diff --git a/io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue b/io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue
index e480aaaf..b44e4053 100644
--- a/io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/panel/WCardPanel.vue
@@ -7,7 +7,7 @@
             <q-item-label header :style="headerStyleComputed">
               <q-icon v-if="props.icon" :name="props.icon" size="sm" v-bind="props.iconAttrs" />
               <span v-if="label" style="margin-left: 5px">{{ label }}</span>
-              <div v-else style="margin-left: 5px"><slot name="label"></slot></div>
+              <div v-else style="margin-left: 5px; width: 100%"><slot name="label"></slot></div>
             </q-item-label>
           </q-item-section>
         </q-item>
diff --git a/io.sc.platform.core.frontend/src/platform/components/splitter/WSplitter.vue b/io.sc.platform.core.frontend/src/platform/components/splitter/WSplitter.vue
index 7f22dfaf..9d11ef4b 100644
--- a/io.sc.platform.core.frontend/src/platform/components/splitter/WSplitter.vue
+++ b/io.sc.platform.core.frontend/src/platform/components/splitter/WSplitter.vue
@@ -21,8 +21,8 @@
 </template>
 
 <script setup lang="ts">
+import { ref, useAttrs, watch } from 'vue';
 import { getCssVar } from 'quasar';
-import { ref, useAttrs } from 'vue';
 
 const attrs = useAttrs();
 const props = defineProps({
@@ -85,6 +85,12 @@ const props = defineProps({
 });
 const splitterModel = ref(props.size);
 const lineColor = props.separatorColor || getCssVar('primary');
+watch(
+  () => props.size,
+  (newVal, oldVal) => {
+    splitterModel.value = newVal;
+  },
+);
 </script>
 
 <style lang="css">