From dee6ae9eddc54d2f706d9e439d988c6272d9710f Mon Sep 17 00:00:00 2001
From: Sergei Maertens <sergei@maykinmedia.nl>
Date: Fri, 20 Oct 2023 16:57:03 +0200
Subject: [PATCH] :recycle: [#571] Fix styles broken via form-control removal

---
 src/scss/components/_deprecated-select.scss | 3 +--
 src/scss/components/_file-upload.scss       | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/scss/components/_deprecated-select.scss b/src/scss/components/_deprecated-select.scss
index bbd6efaf2..447c658a2 100644
--- a/src/scss/components/_deprecated-select.scss
+++ b/src/scss/components/_deprecated-select.scss
@@ -11,8 +11,7 @@ $select-background-color: var(--of-select-background-color, $color-white);
 
 // Styling for the choicejs widget for the select component
 // Overwriting styles found here: https://github.com/Choices-js/Choices/blob/master/src/styles/choices.scss
-// FIXME: check impact of form-control removal
-.#{prefix(form-control--select)} {
+[ref='component'] > .utrecht-form-field.utrecht-form-field--select {
   $control-height: $grid-row-height;
   $list-hpadding: $grid-margin-2;
   $list-vpadding: $grid-margin-1;
diff --git a/src/scss/components/_file-upload.scss b/src/scss/components/_file-upload.scss
index 3644bd5ed..d11c1be73 100644
--- a/src/scss/components/_file-upload.scss
+++ b/src/scss/components/_file-upload.scss
@@ -11,8 +11,7 @@ we don't have strict BEM naming here.
 @import '../mixins/prefix';
 @import '../mixins/bootstrap';
 
-// FIXME: these class names are gone -> find different selector
-.#{prefix(form-control--file)} {
+.utrecht-form-field.utrecht-form-field--file {
   @include body;
   @include anchor.extend-utrecht-link;