diff --git a/packages/bruno-app/src/components/RequestPane/FormUrlEncodedParams/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/FormUrlEncodedParams/StyledWrapper.js
index 4cbc432c6..aa76f69d7 100644
--- a/packages/bruno-app/src/components/RequestPane/FormUrlEncodedParams/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/FormUrlEncodedParams/StyledWrapper.js
@@ -12,7 +12,7 @@ const Wrapper = styled.div`
     }
 
     thead {
-      color: ${(props) => props.theme.table.thead.color};;
+      color: ${(props) => props.theme.table.thead.color};
       font-size: 0.8125rem;
       user-select: none;
     }
@@ -29,6 +29,7 @@ const Wrapper = styled.div`
     width: 100%;
     border: solid 1px transparent;
     outline: none !important;
+    color: ${(props) => props.theme.table.input.color};
 
     &:focus {
       outline: none !important;
diff --git a/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js
index 4cbc432c6..aa76f69d7 100644
--- a/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js
@@ -12,7 +12,7 @@ const Wrapper = styled.div`
     }
 
     thead {
-      color: ${(props) => props.theme.table.thead.color};;
+      color: ${(props) => props.theme.table.thead.color};
       font-size: 0.8125rem;
       user-select: none;
     }
@@ -29,6 +29,7 @@ const Wrapper = styled.div`
     width: 100%;
     border: solid 1px transparent;
     outline: none !important;
+    color: ${(props) => props.theme.table.input.color};
 
     &:focus {
       outline: none !important;
diff --git a/packages/bruno-app/src/themes/dark.js b/packages/bruno-app/src/themes/dark.js
index 7124c3be6..16cccca4e 100644
--- a/packages/bruno-app/src/themes/dark.js
+++ b/packages/bruno-app/src/themes/dark.js
@@ -15,7 +15,7 @@ const darkTheme = {
   },
 
   menubar: {
-    bg: '#333333',
+    bg: '#333333'
   },
 
   sidebar: {
@@ -55,8 +55,8 @@ const darkTheme = {
   },
 
   dropdown: {
-    color: "rgb(204, 204, 204)",
-    iconColor: "rgb(204, 204, 204)",
+    color: 'rgb(204, 204, 204)',
+    iconColor: 'rgb(204, 204, 204)',
     bg: 'rgb(48, 48, 49)',
     hoverBg: '#185387',
     shadow: 'rgb(0 0 0 / 36%) 0px 2px 8px',
@@ -107,7 +107,7 @@ const darkTheme = {
           active: {
             bg: 'transparent',
             hoverBg: 'transparent'
-          },
+          }
         },
         gridBorder: '#4f4f4f'
       }
@@ -122,9 +122,9 @@ const darkTheme = {
     },
     body: {
       color: '#ccc',
-      bg: 'rgb(48, 48, 49)',
+      bg: 'rgb(48, 48, 49)'
     },
-    input : {
+    input: {
       bg: 'rgb(65, 65, 65)',
       border: 'rgb(65, 65, 65)',
       focusBorder: 'rgb(65, 65, 65)'
@@ -191,10 +191,13 @@ const darkTheme = {
 
   table: {
     border: '#333',
-    thead : {
+    thead: {
       color: 'rgb(204, 204, 204)'
     },
-    striped: '#2A2D2F'
+    striped: '#2A2D2F',
+    input: {
+      color: '#555555'
+    }
   },
 
   plainGrid: {
diff --git a/packages/bruno-app/src/themes/light.js b/packages/bruno-app/src/themes/light.js
index a308208b6..6c7578dc6 100644
--- a/packages/bruno-app/src/themes/light.js
+++ b/packages/bruno-app/src/themes/light.js
@@ -7,7 +7,7 @@ const lightTheme = {
   colors: {
     text: {
       danger: 'rgb(185, 28, 28)',
-      muted: '#4b5563',
+      muted: '#4b5563'
     },
     bg: {
       danger: '#dc3545'
@@ -15,7 +15,7 @@ const lightTheme = {
   },
 
   menubar: {
-    bg: 'rgb(44, 44, 44)',
+    bg: 'rgb(44, 44, 44)'
   },
 
   sidebar: {
@@ -55,8 +55,8 @@ const lightTheme = {
   },
 
   dropdown: {
-    color: "rgb(48 48 48)",
-    iconColor: "rgb(75, 85, 99)",
+    color: 'rgb(48 48 48)',
+    iconColor: 'rgb(75, 85, 99)',
     bg: '#fff',
     hoverBg: '#e9e9e9',
     shadow: 'rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px',
@@ -107,7 +107,7 @@ const lightTheme = {
           active: {
             bg: '#dcdcdc',
             hoverBg: '#dcdcdc'
-          },
+          }
         },
         gridBorder: '#f4f4f4'
       }
@@ -126,9 +126,9 @@ const lightTheme = {
     },
     body: {
       color: 'rgb(52, 52, 52)',
-      bg: 'white',
+      bg: 'white'
     },
-    input : {
+    input: {
       bg: 'white',
       border: '#ccc',
       focusBorder: '#8b8b8b'
@@ -195,10 +195,13 @@ const lightTheme = {
 
   table: {
     border: '#efefef',
-    thead : {
+    thead: {
       color: '#616161'
     },
-    striped: '#f3f3f3'
+    striped: '#f3f3f3',
+    input: {
+      color: '#000000'
+    }
   },
 
   plainGrid: {