diff --git a/src/components/forms/text-field/RuiTextField.vue b/src/components/forms/text-field/RuiTextField.vue
index 362ee00..535c7d6 100644
--- a/src/components/forms/text-field/RuiTextField.vue
+++ b/src/components/forms/text-field/RuiTextField.vue
@@ -240,6 +240,8 @@ function clearIconClicked() {
 
 :global(.dark) {
   .wrapper {
+    @apply bg-transparent;
+
     .label {
       @apply border-white/[0.42];
 
@@ -292,7 +294,7 @@ function clearIconClicked() {
 }
 
 .wrapper {
-  @apply relative w-full flex items-center pt-3;
+  @apply relative w-full flex items-center pt-3 rounded bg-white;
 
   .input {
     @apply leading-6 text-rui-text w-full bg-transparent py-1.5 pr-3 outline-0 outline-none transition-all placeholder:opacity-0 focus:placeholder:opacity-100;