diff --git a/src/frontend/src/views/SystemSettingsView.vue b/src/frontend/src/views/SystemSettingsView.vue
index 9a98f4b8..95b717e0 100644
--- a/src/frontend/src/views/SystemSettingsView.vue
+++ b/src/frontend/src/views/SystemSettingsView.vue
@@ -688,24 +688,43 @@ const triggerExport = (fmt: string) => {
 .panel-tag.tag-active { background: #2563EB; color: white; }
 .panel-title { font-size: 0.85rem; font-weight: 700; color: #1E293B; margin: 0; }
 
-.panel-body { flex: 1; overflow-y: auto; padding: 10px; }
+.panel-body { flex: 1; min-height: 0; overflow-y: auto; padding: 10px; }
 
 .panel-footer {
-  padding: 6px 14px;
+  flex-shrink: 0;
+  padding: 8px 14px;
   background: #F8FAFC;
-  border-top: 1px solid #E2E8F0;
+  border-top: 1px solid #CBD5E1;
   font-size: 0.75rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
+  z-index: 5;
+}
+
+.pagination-controls {
+  display: flex;
+  gap: 6px;
+  align-items: center;
 }
 
 .btn-page {
-  padding: 2px 8px;
-  font-size: 0.7rem;
-  border: 1px solid #CBD5E1;
-  background: white;
-  border-radius: 3px;
+  padding: 4px 10px;
+  font-size: 0.75rem;
+  font-weight: 700;
+  border: 1px solid #94A3B8;
+  background: #FFFFFF;
+  color: #334155;
+  border-radius: 4px;
+  cursor: pointer;
+  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
+}
+
+.btn-page:disabled {
+  background: #F1F5F9;
+  color: #94A3B8;
+  border-color: #CBD5E1;
+  cursor: not-allowed;
 }
 
 .form-scroll-body { display: flex; flex-direction: column; gap: 8px; }