diff --git a/app/assets/javascripts/ci/jobs_page/jobs_page_app.vue b/app/assets/javascripts/ci/jobs_page/jobs_page_app.vue
index 09bbb7afbca62691d8f89f3ccf62257ccf650e3e..03e7bc69ee102728912ec0b5ccba20132d136c72 100644
--- a/app/assets/javascripts/ci/jobs_page/jobs_page_app.vue
+++ b/app/assets/javascripts/ci/jobs_page/jobs_page_app.vue
@@ -167,7 +167,7 @@ export default {
         if (!filter.type) {
           createAlert({
             message: RAW_TEXT_WARNING,
-            type: 'warning',
+            variant: 'warning',
           });
         }
 
diff --git a/spec/frontend/ci/jobs_page/job_page_app_spec.js b/spec/frontend/ci/jobs_page/job_page_app_spec.js
index 77443c9d490dbdab585bc0dbf17a8d35c0b2593b..800435826e4385ba9c894c278f4b82839acaec92 100644
--- a/spec/frontend/ci/jobs_page/job_page_app_spec.js
+++ b/spec/frontend/ci/jobs_page/job_page_app_spec.js
@@ -271,7 +271,7 @@ describe('Job table app', () => {
         message: s__(
           'Jobs|Raw text search is not currently supported for the jobs filtered search feature. Please use the available search tokens.',
         ),
-        type: 'warning',
+        variant: 'warning',
       };
 
       createComponent();