diff --git a/src/RolemasterDb.App/wwwroot/app.css b/src/RolemasterDb.App/wwwroot/app.css
index 8315cdb..2b96622 100644
--- a/src/RolemasterDb.App/wwwroot/app.css
+++ b/src/RolemasterDb.App/wwwroot/app.css
@@ -592,6 +592,14 @@ textarea {
     background: rgba(255, 252, 247, 0.96);
     box-shadow: none;
     appearance: none;
+    transition: border-color 0.16s ease, background-color 0.16s ease;
+}
+
+.table-select-trigger:hover,
+.table-select-trigger:focus-visible {
+    border-color: rgba(184, 121, 59, 0.4);
+    background: rgba(255, 248, 239, 0.98);
+    outline: none;
 }
 
 .table-select-trigger-copy {
@@ -648,6 +656,13 @@ textarea {
     justify-content: space-between;
     gap: 0.45rem;
     text-align: left;
+    transition: background-color 0.16s ease, outline-color 0.16s ease;
+}
+
+.table-select-option:hover,
+.table-select-option:focus-visible {
+    outline: 1px solid rgba(41, 22, 11, 0.16);
+    outline-offset: -1px;
 }
 
 .table-select-option.is-selected {
@@ -659,10 +674,20 @@ textarea {
     background: rgba(102, 138, 83, 0.12);
 }
 
+.table-select-option.is-curated:hover,
+.table-select-option.is-curated:focus-visible {
+    background: rgba(102, 138, 83, 0.18);
+}
+
 .table-select-option.needs-curation {
     background: rgba(184, 121, 59, 0.12);
 }
 
+.table-select-option.needs-curation:hover,
+.table-select-option.needs-curation:focus-visible {
+    background: rgba(184, 121, 59, 0.18);
+}
+
 .table-select-option-main {
     display: block;
     min-width: 0;