diff --git a/css/80_app.css b/css/80_app.css
index e6ad9ff49..8a9712807 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -3253,6 +3253,7 @@ button.autofix.action.active {
 
 input.square-degrees-input {
     padding: 2px !important; /* important needed for rtl */
+    width: 40px;
     height: unset;
     text-align: center;
     background: rgba(0,0,0,0);
diff --git a/modules/ui/issues.js b/modules/ui/issues.js
index c28b7472e..e5b5d1e45 100644
--- a/modules/ui/issues.js
+++ b/modules/ui/issues.js
@@ -613,9 +613,6 @@ export function uiIssues(context) {
             .attr('step', '0.5')
             .attr('class', 'square-degrees-input')
             .call(utilNoAuto)
-            .on('input', function() {
-                this.style.width = (this.value.length + 4.5) + 'ch';   // resize
-            })
             .on('click', function () {
                 d3_event.preventDefault();
                 d3_event.stopPropagation();
@@ -629,8 +626,7 @@ export function uiIssues(context) {
             })
             .on('blur', changeSquare)
             .merge(input)
-            .property('value', degStr)
-            .style('width', (degStr.length + 2.5) + 'ch');   // resize
+            .property('value', degStr);
     }
 
 
@@ -651,8 +647,7 @@ export function uiIssues(context) {
         degStr = '' + degNum;
 
         input
-            .property('value', degStr)
-            .style('width', (degStr.length + 2.5) + 'ch');   // resize
+            .property('value', degStr);
 
         context.storage('validate-square-degrees', degStr);
         context.validator().changeSquareThreshold(degNum);