diff --git a/web/signature_manager.css b/web/signature_manager.css
index 1c9570c5d..211b40608 100644
--- a/web/signature_manager.css
+++ b/web/signature_manager.css
@@ -747,7 +747,7 @@
       }
 
       .toolbarAddSignatureButton {
-        width: auto;
+        width: calc(0.8 * var(--editor-toolbar-min-width));
         height: 100%;
         min-height: var(--menuitem-height);
         aspect-ratio: unset;
diff --git a/web/viewer.css b/web/viewer.css
index c957f10e2..daf980b78 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -1090,8 +1090,11 @@ dialog :link {
   }
 
   .editorParamsToolbar {
+    --editor-toolbar-min-width: 220px;
+
     height: auto;
-    width: 220px;
+    min-width: var(--editor-toolbar-min-width);
+    width: max-content;
     position: absolute;
     z-index: 30000;
     cursor: default;