diff --git a/src/renderer/src/components/HashEditor.vue b/src/renderer/src/components/HashEditor.vue
index 6cc4fe7..0be6584 100644
--- a/src/renderer/src/components/HashEditor.vue
+++ b/src/renderer/src/components/HashEditor.vue
@@ -154,7 +154,7 @@ async function addField() {
     </div>
 
     <div class="hash-table-wrap">
-      <el-table :data="filteredFields" size="small" class="hash-table" max-height="400">
+      <el-table :data="filteredFields" size="small" class="hash-table" height="100%">
         <el-table-column prop="field" :label="t('editor.field')" min-width="150">
           <template #default="{ row }">
             <el-input v-model="row.field" size="small" class="hash-input" />
@@ -226,11 +226,31 @@ async function addField() {
 .hash-table-wrap {
   flex: 1;
   padding: 12px;
-  overflow: auto;
+  overflow: hidden;
+  min-height: 0;
 }
 
 .hash-table {
   width: 100%;
+  height: 100%;
+}
+
+/* Table text color contrast */
+.hash-table :deep(.el-table__body td) {
+  color: var(--text-primary);
+}
+
+.hash-table :deep(.el-table__header th) {
+  color: var(--text-secondary);
+  background: var(--bg-tertiary);
+}
+
+.hash-table :deep(.el-table__row:hover > td) {
+  background: var(--bg-hover) !important;
+}
+
+.hash-table :deep(.el-table__body-wrapper) {
+  background: var(--bg-card);
 }
 
 .hash-input :deep(.el-input__wrapper) {
@@ -241,6 +261,10 @@ async function addField() {
   font-size: 12px;
 }
 
+.hash-input :deep(.el-input__inner) {
+  color: var(--text-primary);
+}
+
 .item-count {
   font-size: 11px;
   color: var(--text-muted);