diff --git a/src/css/states/main_menu.scss b/src/css/states/main_menu.scss
index 6dacb269..0d0a289e 100644
--- a/src/css/states/main_menu.scss
+++ b/src/css/states/main_menu.scss
@@ -310,6 +310,12 @@
                     @include PlainText;
                     display: inline-flex;
                     align-items: center;
+
+                    > span {
+                        display: inline-flex;
+                        @include S(max-width, 140px);
+                        overflow: hidden;
+                    }
                 }
 
                 button.resumeGame,
@@ -363,6 +369,8 @@
                     &:hover {
                         opacity: 0.35;
                     }
+
+                    @include DarkThemeInvert;
                 }
 
                 button.resumeGame {
diff --git a/src/js/states/main_menu.js b/src/js/states/main_menu.js
index 3dbf648a..bea209a8 100644
--- a/src/js/states/main_menu.js
+++ b/src/js/states/main_menu.js
@@ -398,7 +398,7 @@ export class MainMenuState extends GameState {
                     elem,
                     null,
                     ["name"],
-                    games[i].name ? games[i].name : T.mainMenu.savegameUnnamed
+                    "<span>" + (games[i].name ? games[i].name : T.mainMenu.savegameUnnamed) + "</span>"
                 );
 
                 const deleteButton = document.createElement("button");