diff --git a/lib/pangea/chat_settings/widgets/language_level_dropdown.dart b/lib/pangea/chat_settings/widgets/language_level_dropdown.dart
index d6fe094f7..bf9231e0b 100644
--- a/lib/pangea/chat_settings/widgets/language_level_dropdown.dart
+++ b/lib/pangea/chat_settings/widgets/language_level_dropdown.dart
@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 
 import 'package:dropdown_button2/dropdown_button2.dart';
@@ -11,6 +12,7 @@ class LanguageLevelDropdown extends StatelessWidget {
   final Function(LanguageLevelTypeEnum)? onChanged;
   final FormFieldValidator<Object>? validator;
   final bool enabled;
+  final Color? backgroundColor;
 
   const LanguageLevelDropdown({
     super.key,
@@ -18,6 +20,7 @@ class LanguageLevelDropdown extends StatelessWidget {
     this.onChanged,
     this.validator,
     this.enabled = true,
+    this.backgroundColor,
   });
 
   @override
@@ -48,6 +51,14 @@ class LanguageLevelDropdown extends StatelessWidget {
           ? (value) => onChanged?.call(value as LanguageLevelTypeEnum)
           : null,
       validator: validator,
+      dropdownStyleData: DropdownStyleData(
+        maxHeight: kIsWeb ? 500 : null,
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(14),
+          color: backgroundColor ??
+              Theme.of(context).colorScheme.surfaceContainerHigh,
+        ),
+      ),
     );
   }
 }
diff --git a/lib/pangea/learning_settings/pages/settings_learning_view.dart b/lib/pangea/learning_settings/pages/settings_learning_view.dart
index b80b3d2f8..615e8c873 100644
--- a/lib/pangea/learning_settings/pages/settings_learning_view.dart
+++ b/lib/pangea/learning_settings/pages/settings_learning_view.dart
@@ -80,9 +80,6 @@ class SettingsLearningView extends StatelessWidget {
                                   }
                                   return null;
                                 },
-                                backgroundColor: Theme.of(context)
-                                    .colorScheme
-                                    .surfaceContainerHigh,
                               ),
                               PLanguageDropdown(
                                 onChange: (lang) =>
diff --git a/lib/pangea/learning_settings/widgets/p_language_dropdown.dart b/lib/pangea/learning_settings/widgets/p_language_dropdown.dart
index 59fc6f2c2..aaa17ac03 100644
--- a/lib/pangea/learning_settings/widgets/p_language_dropdown.dart
+++ b/lib/pangea/learning_settings/widgets/p_language_dropdown.dart
@@ -97,7 +97,8 @@ class PLanguageDropdownState extends State<PLanguageDropdown> {
             maxHeight: kIsWeb ? 500 : null,
             decoration: BoxDecoration(
               borderRadius: BorderRadius.circular(14),
-              color: widget.backgroundColor,
+              color: widget.backgroundColor ??
+                  Theme.of(context).colorScheme.surfaceContainerHigh,
             ),
           ),
           items: [