diff --git a/index.html b/index.html
index 88e94ab..d023981 100644
--- a/index.html
+++ b/index.html
@@ -559,7 +559,7 @@
 
       <template id="ui-known-universe-item-template">
         <!-- A known universe button in "opening" interface -->
-        <li class="py-2 px-4 flex justify-between text-brightwhite">
+        <li class="py-2 px-4 flex justify-between text-brightwhite hover:bg-selection_background hover:text-selection_foreground">
           <button class="universe-name load-universe" title="Load this universe">Universe Name</button>
           <button class="delete-universe" title="Delete this universe">🗑</button>
         </li>
diff --git a/src/style.css b/src/style.css
index 6bde57f..e0c88d1 100644
--- a/src/style.css
+++ b/src/style.css
@@ -2318,6 +2318,16 @@ video {
   background-color: rgb(var(--brightmagenta) / var(--tw-bg-opacity));
 }
 
+.hover\:bg-selection_foreground:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--selection_foreground) / var(--tw-bg-opacity));
+}
+
+.hover\:bg-selection_background:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--selection_background) / var(--tw-bg-opacity));
+}
+
 .hover\:text-background:hover {
   --tw-text-opacity: 1;
   color: rgb(var(--background) / var(--tw-text-opacity));
@@ -2328,6 +2338,11 @@ video {
   color: rgb(var(--brightwhite) / var(--tw-text-opacity));
 }
 
+.hover\:text-selection_foreground:hover {
+  --tw-text-opacity: 1;
+  color: rgb(var(--selection_foreground) / var(--tw-text-opacity));
+}
+
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;