diff --git a/src/components/MainArea.vue b/src/components/MainArea.vue
index 0305124..9e0dcab 100644
--- a/src/components/MainArea.vue
+++ b/src/components/MainArea.vue
@@ -85,9 +85,11 @@ watch(
 
 <style scoped>
 .main-area {
+  flex: 1;
   height: 100%;
   display: flex;
   flex-direction: column;
+  min-width: 0;
 }
 
 .tab-bar {
diff --git a/src/components/StatusView.vue b/src/components/StatusView.vue
index 99bb6a3..c0f1b8c 100644
--- a/src/components/StatusView.vue
+++ b/src/components/StatusView.vue
@@ -105,9 +105,10 @@ defineExpose({ refresh })
 
 .info-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 12px;
   margin-bottom: 24px;
+  width: 100%;
 }
 
 .info-card {
@@ -136,6 +137,7 @@ defineExpose({ refresh })
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
   gap: 16px;
+  width: 100%;
 }
 
 .info-section {