diff --git a/app/assets/stylesheets/components/form.css b/app/assets/stylesheets/components/form.css
index 5bff0c355..3895f6780 100644
--- a/app/assets/stylesheets/components/form.css
+++ b/app/assets/stylesheets/components/form.css
@@ -36,4 +36,12 @@
   .auth-login-links {
     @apply flex items-center justify-center gap-4 text-center border-t border-solid text-gray border-light_gray;
   }
+
+  /* Formula field */
+  .formula{
+    border-radius: inherit !important;
+    border-color: #6b7280 !important;
+    overflow: hidden;
+    resize: none !important;
+  }
 }
diff --git a/app/javascript/controllers/textarea_controller.js b/app/javascript/controllers/textarea_controller.js
index fd41bed06..33e25e146 100644
--- a/app/javascript/controllers/textarea_controller.js
+++ b/app/javascript/controllers/textarea_controller.js
@@ -8,8 +8,6 @@ export default class extends Controller {
   }
 
   resize(textarea) {
-    textarea.style.overflow = "hidden";
-    textarea.style.resize = "none";
     textarea.style.height = "auto";
     textarea.style.height = `${textarea.scrollHeight}px`; // Adjust height based on scrollHeight
   }
diff --git a/app/views/account/calculators/partials/_formula_fields.html.erb b/app/views/account/calculators/partials/_formula_fields.html.erb
index c99af49aa..bee217020 100644
--- a/app/views/account/calculators/partials/_formula_fields.html.erb
+++ b/app/views/account/calculators/partials/_formula_fields.html.erb
@@ -3,7 +3,7 @@
   <div>
     <%= f.input :en_label, label: "Formula Label:" %>
     <%= f.input :uk_label, label: "Uk Formula Label:" %>
-    <%= f.input :expression, as: :text, label: "Formula Expression:", input_html: {
+    <%= f.input :expression, as: :text, label: "Formula Expression:", input_html: { class: "formula",
     data: { controller: "textarea", action: "input->textarea#input" }
   } %>