diff --git a/packages/hoppscotch-app/assets/scss/styles.scss b/packages/hoppscotch-app/assets/scss/styles.scss
index 342a09166..ec8e1243d 100644
--- a/packages/hoppscotch-app/assets/scss/styles.scss
+++ b/packages/hoppscotch-app/assets/scss/styles.scss
@@ -38,7 +38,7 @@
 input::placeholder,
 textarea::placeholder {
   @apply text-secondary;
-  @apply opacity-25;
+  @apply opacity-35;
 }
 
 input,
diff --git a/packages/hoppscotch-app/components/smart/EnvInput.vue b/packages/hoppscotch-app/components/smart/EnvInput.vue
index fbc4b05a2..3a0c0f5d9 100644
--- a/packages/hoppscotch-app/components/smart/EnvInput.vue
+++ b/packages/hoppscotch-app/components/smart/EnvInput.vue
@@ -486,7 +486,7 @@ export default defineComponent({
 
     &::before {
       @apply text-secondary;
-      @apply opacity-25;
+      @apply opacity-35;
       @apply pointer-events-none;
 
       content: attr(placeholder);