diff --git a/src/components/styled/file-input.css b/src/components/styled/file-input.css
index 7da21860d12..5287de123ed 100644
--- a/src/components/styled/file-input.css
+++ b/src/components/styled/file-input.css
@@ -8,7 +8,7 @@
     text-transform: var(--btn-text-case, uppercase);
   }
   &-bordered {
-    @apply border-opacity-20;
+    @apply border-base-200;
   }
   &:focus {
     @apply outline outline-2 outline-offset-2 outline-base-content/20;
diff --git a/src/components/styled/input.css b/src/components/styled/input.css
index ac5b38b6ddb..9b332e4ce97 100644
--- a/src/components/styled/input.css
+++ b/src/components/styled/input.css
@@ -4,7 +4,7 @@
     line-height: 1em;
   }
   &-bordered {
-    @apply border-opacity-20;
+    @apply border-base-200;
   }
   &:focus {
     @apply outline outline-2 outline-offset-2 outline-base-content/20;
diff --git a/src/components/styled/select.css b/src/components/styled/select.css
index a5a4af969ef..0dba1938bfc 100644
--- a/src/components/styled/select.css
+++ b/src/components/styled/select.css
@@ -1,7 +1,7 @@
 .select {
   @apply border border-base-content border-opacity-0 bg-base-100 pr-10 font-semibold rounded-btn;
   &-bordered {
-    @apply border-opacity-20;
+    @apply border-base-200;
   }
   background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
     linear-gradient(135deg, currentColor 50%, transparent 50%);
diff --git a/src/components/styled/textarea.css b/src/components/styled/textarea.css
index 0065a2a0887..49d59822886 100644
--- a/src/components/styled/textarea.css
+++ b/src/components/styled/textarea.css
@@ -1,7 +1,7 @@
 .textarea {
   @apply border border-base-content border-opacity-0 bg-base-100 rounded-btn;
   &-bordered {
-    @apply border-opacity-20;
+    @apply border-base-200;
   }
   &:focus {
     @apply outline outline-2 outline-offset-2 outline-base-content/20;