diff --git a/nest_frontend/components/base/ButtonSmallX.module.css b/nest_frontend/components/base/ButtonSmallX.module.css
index 7b01adf..75274c1 100644
--- a/nest_frontend/components/base/ButtonSmallX.module.css
+++ b/nest_frontend/components/base/ButtonSmallX.module.css
@@ -12,12 +12,15 @@
     top: -1px;
 }
 
-.ButtonSmallX:focus {
-    outline: none;
+.ButtonSmallX:hover {
     background-color: var(--bg-field-on);
     color: var(--fg-field-on);
 }
 
+.ButtonSmallX:focus {
+    outline: none;
+}
+
 .ButtonSmallX:focus-visible {
     outline: 2px dashed var(--outline);
 }