diff --git a/ui/src/components/LogComponent.vue b/ui/src/components/LogComponent.vue
index e5fe29e..36ca683 100644
--- a/ui/src/components/LogComponent.vue
+++ b/ui/src/components/LogComponent.vue
@@ -6,9 +6,21 @@ const log_ele = inject('log_ele')
 </script>
 
 <template>
-  <n-config-provider :theme="darkTheme" style="flex-grow: 1">
-    <n-card style="height: 100%">
-      <n-log :log="log" style="height: 100%" ref="log_ele" />
+  <n-config-provider :theme="darkTheme" class="provider">
+    <n-card class="full" ref="log_ele" content-style="height: 100%">
+      <n-log :log="log" class="full" />
     </n-card>
   </n-config-provider>
 </template>
+
+<style scoped>
+.provider {
+  flex-grow: 1;
+  overflow: hidden;
+}
+
+.full {
+  height: 100% !important;
+  box-sizing: border-box;
+}
+</style>