diff --git a/modules/backend/formwidgets/recordfinder/assets/js/recordfinder.js b/modules/backend/formwidgets/recordfinder/assets/js/recordfinder.js
index d872e5a4a..f50e19ee6 100644
--- a/modules/backend/formwidgets/recordfinder/assets/js/recordfinder.js
+++ b/modules/backend/formwidgets/recordfinder/assets/js/recordfinder.js
@@ -33,6 +33,7 @@
         var self = this
         $(this.options.dataLocker).val(recordId)
 
+        this.$el.loadIndicator({ opaque: true })
         this.$el.request(this.options.refreshHandler, {
             success: function(data) {
                 this.success(data)
diff --git a/modules/backend/formwidgets/recordfinder/partials/_recordfinder.htm b/modules/backend/formwidgets/recordfinder/partials/_recordfinder.htm
index a12f6635c..338ca40ba 100644
--- a/modules/backend/formwidgets/recordfinder/partials/_recordfinder.htm
+++ b/modules/backend/formwidgets/recordfinder/partials/_recordfinder.htm
@@ -1,9 +1,9 @@
 <div
-    class="field-recordfinder"
+    id="<?= $this->getId() ?>"
+    class="field-recordfinder loading-indicator-container size-input-text"
     data-control="recordfinder"
     data-refresh-handler="<?= $this->getEventHandler('onRefresh') ?>"
-    data-data-locker="#<?= $field->getId() ?>"
-    id="<?= $this->getId() ?>">
+    data-data-locker="#<?= $field->getId() ?>">
     <span class="form-control">
         <?php if ($value): ?>
             <span class="primary"><?= e($nameValue) ?: 'Undefined' ?></span>
@@ -29,4 +29,4 @@
         id="<?= $field->getId() ?>"
         value="<?= e($value) ?>"
         />
-</div>
\ No newline at end of file
+</div>