diff --git a/src/components/EditProfilePage.tsx b/src/components/EditProfilePage.tsx
index b1116f0..6701c77 100644
--- a/src/components/EditProfilePage.tsx
+++ b/src/components/EditProfilePage.tsx
@@ -177,8 +177,16 @@ function EditProfilePage() {
           </FormControl>
 
           <FormControl>
+            {/* <FormLabel>Preference</FormLabel>
+            <Select placeholder="Preference" onChange={handlePreferenceChange} value={preference} style={{ color: countryOfLiving ? 'black' : 'grey' }} required> */}
             <FormLabel>Preference</FormLabel>
-            <Select placeholder="Preference" onChange={handlePreferenceChange} value={preference} required>
+              <Select
+                placeholder="Preference"
+                onChange={handlePreferenceChange}
+                value={preference}
+                required
+                style={{ color: preference ? 'black' : 'grey' }}
+              >
               <option value="friends">Friends</option>
               <option value="date">Date</option>
               <option value="dont-know">Don't know</option>