diff --git a/app/views/pages/_form.html.slim b/app/views/pages/_form.html.slim
index 3dd3f16a89e..089033f7904 100644
--- a/app/views/pages/_form.html.slim
+++ b/app/views/pages/_form.html.slim
@@ -7,7 +7,7 @@
           .form-item
             = f.label :practice, class: 'a-form-label'
             .select-practices
-              = f.select(:practice_id, practice_options(categories), { include_blank: '関連プラクティスを指定しない' }, { class: 'js-select2' })
+              = f.select(:practice_id, practice_options(categories), { include_blank: '関連プラクティスを指定しない' }, { id: 'js-choices-single-select' })
             .a-form-help
               p
                 | どんな内容が書かれているドキュメントかを予想できるタイトルを付けましょう。
diff --git a/test/system/pages_test.rb b/test/system/pages_test.rb
index 56a9411b2c8..25679f23731 100644
--- a/test/system/pages_test.rb
+++ b/test/system/pages_test.rb
@@ -125,8 +125,8 @@ class PagesTest < ApplicationSystemTestCase
     visit_with_auth new_page_path, 'kimura'
     fill_in 'page[title]', with: 'Docに関連プラクティスを指定'
     fill_in 'page[body]', with: 'Docに関連プラクティスを指定'
-    first('.select2-container').click
-    find('li.select2-results__option[role="option"]', text: '[UNIX] Linuxのファイル操作の基礎を覚える').click
+    first('.choices__inner').click
+    find('.choices__item--choice', text: '[UNIX] Linuxのファイル操作の基礎を覚える').click
     click_button 'Docを公開'
     assert_text 'Linuxのファイル操作の基礎を覚える'
   end
@@ -182,8 +182,8 @@ class PagesTest < ApplicationSystemTestCase
     visit_with_auth new_page_path, 'kimura'
     fill_in 'page[title]', with: 'Docに関連プラクティスを指定'
     fill_in 'page[body]', with: 'Docに関連プラクティスを指定'
-    first('.select2-container').click
-    find('li.select2-results__option[role="option"]', text: '[UNIX] Linuxのファイル操作の基礎を覚える').click
+    first('.choices__inner').click
+    find('.choices__item--choice', text: '[UNIX] Linuxのファイル操作の基礎を覚える').click
     click_button 'Docを公開'
     assert_text 'Linuxのファイル操作の基礎を覚える'