diff --git a/browser/css/jsdialogs.css b/browser/css/jsdialogs.css
index e108eed4cf..1914a656fa 100644
--- a/browser/css/jsdialogs.css
+++ b/browser/css/jsdialogs.css
@@ -753,8 +753,6 @@ input[type='number']:hover::-webkit-outer-spin-button {
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
-	min-width: 100px;
-	width: 100%;
 	height: 28px;
 	line-height: normal;
 	font-size: var(--default-font-size);
@@ -768,6 +766,8 @@ input[type='number']:hover::-webkit-outer-spin-button {
 .jsdialog-window .ui-combobox,
 .jsdialog-window .ui-timefield {
 	height: 32px;/* Use the same height as in .jsdialog.ui-edit */
+	min-width: 100px;
+	width: 100%;
 }
 
 .ui-listbox option {
diff --git a/browser/css/notebookbar.css b/browser/css/notebookbar.css
index 0e64cdebd9..8be85a9f33 100644
--- a/browser/css/notebookbar.css
+++ b/browser/css/notebookbar.css
@@ -379,12 +379,15 @@ button.ui-tab.notebookbar {
 }
 
 #fontsizecombobox.notebookbar {
-	width: 50px !important;
+	width: 5em;
 }
 
 .notebookbar.ui-combobox * {
 	line-height: 22px;
 }
+.ui-combobox-content {
+	padding-inline: 5px;
+}
 
 /* Styles preview */