diff --git a/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts b/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
index 0d13b4a6d..99161f9a9 100644
--- a/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
+++ b/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
@@ -15,7 +15,7 @@ const TPL = `
         <div class="d-flex gap-2">
             <input id="erase-entities-after-time" class="form-control options-number-input" type="number" min="0" steps="1" required>
             <!-- TriliumNextTODO: i18n the strings when refactoring this to a standalone widget -->
-            <select id="erase-entities-after-time-scale" class="form-select" required>
+            <select id="erase-entities-after-time-scale" class="form-select duration-selector" required>
                 <option value="1">${t("duration.seconds")}</option>
                 <option value="60">${t("duration.minutes")}</option>
                 <option value="3600">${t("duration.hours")}</option>
@@ -27,6 +27,12 @@ const TPL = `
     <p>${t("note_erasure_timeout.manual_erasing_description")}</p>
 
     <button id="erase-deleted-notes-now-button" class="btn btn-secondary">${t("note_erasure_timeout.erase_deleted_notes_now")}</button>
+
+    <style>
+        .duration-selector {
+            width: auto;
+        }
+    </style>
 </div>`;
 
 export default class NoteErasureTimeoutOptions extends OptionsWidget {
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index a85b87e62..efdc101eb 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -1641,4 +1641,4 @@ body.electron.platform-darwin:not(.native-titlebar) .tab-row-container {
     background: var(--main-background-color);
     box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
     border-radius: 4px;
-}
\ No newline at end of file
+}