diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index d481af51..4c0d0bfc 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -754,6 +754,10 @@ body {
   position: relative;
 }
 
+.input-number-cal input {
+  padding: 4px 12px;
+}
+
 .input-number-cal-highlight {
   position: absolute;
   display: flex;
@@ -761,8 +765,8 @@ body {
   overflow: hidden;
   white-space: pre;
   pointer-events: none;
-  z-index: 0;
-  color: var(--color-text);
+  z-index: 2;
+  color: color-mix(in srgb, var(--color-text) 85%, transparent);
 }
 
 .input-number-cal-operator {
@@ -777,16 +781,18 @@ body {
 .input-number-cal-expr-input.ant-input-affix-wrapper {
   position: relative;
   z-index: 1;
-  background: transparent !important;
 }
 
-.input-number-cal-expr-input.ant-input,
-.input-number-cal-expr-input .ant-input {
-  background: transparent !important;
+.input-number-cal-expr-input.ant-input-affix-wrapper .ant-input,
+.input-number-cal-expr-input.ant-input-outlined:not(.ant-input-affix-wrapper) {
   color: transparent !important;
   caret-color: var(--color-text);
 }
 
+.input-number-cal-expr-input.ant-input-affix-wrapper .ant-input {
+  background: transparent !important;
+}
+
 .input-number-cal .ant-input-suffix {
   margin-right: 28px;
 }