diff --git a/app/views/misc/update_fluentd_ui.html.haml b/app/views/misc/update_fluentd_ui.html.haml
index 6f924df..12e5453 100644
--- a/app/views/misc/update_fluentd_ui.html.haml
+++ b/app/views/misc/update_fluentd_ui.html.haml
@@ -1,7 +1,7 @@
-.panel.panel-default
-  .panel-heading
+.card
+  .card-header
     = t('.update_title', title: fluentd_ui_title)
-  .panel-body
+  .card-body
     #processing
       = icon('fa-lg fa-gear fa-spin')
       = t('.updating')
diff --git a/spec/features/source_and_output_spec.rb b/spec/features/source_and_output_spec.rb
index 0f81570..0c4d344 100644
--- a/spec/features/source_and_output_spec.rb
+++ b/spec/features/source_and_output_spec.rb
@@ -54,17 +54,17 @@ describe "source_and_output", js: true, stub: :daemon do
     it do
       page.should_not have_content(I18n.t("fluentd.settings.source_and_output.setting_empty"))
 
-      page.should have_css('.input .panel .panel-heading')
-      page.should have_css('.output .panel .panel-heading')
+      page.should have_css('.input .card .card-header')
+      page.should have_css('.output .card .card-header')
     end
 
-    it ".panel-body is hidden by default and click .panel-heading for display"  do
-      page.should_not have_css('.input .panel .panel-body')
-      page.should_not have_css('.output .panel .panel-body')
-      all(".input .panel .panel-heading").first.click
-      page.should have_css('.input .panel .panel-body')
-      all(".output .panel .panel-heading").first.click
-      page.should have_css('.output .panel .panel-body')
+    it ".card-body is hidden by default and click .card-header for display"  do
+      page.should_not have_css('.input .card .card-body')
+      page.should_not have_css('.output .card .card-body')
+      all(".input .card .card-header").first.click
+      page.should have_css('.input .card .card-body')
+      all(".output .card .card-header").first.click
+      page.should have_css('.output .card .card-body')
     end
 
     it "display plugin name" do
@@ -94,7 +94,7 @@ describe "source_and_output", js: true, stub: :daemon do
     CONF
 
     before do
-      all(".input .panel .panel-heading").first.click
+      all(".input .card .card-header").first.click
     end
 
     it "click edit button transform textarea, then click cancel button to be reset" do
@@ -136,20 +136,20 @@ describe "source_and_output", js: true, stub: :daemon do
     end
 
     it "click delete button transform textarea" do
-      page.should have_css('.input .panel-body')
+      page.should have_css('.input .card-body')
       confirm_dialog(true) do
         find(".btn", text: I18n.t('terms.destroy')).click
       end
-      page.should_not have_css('.input .panel-body')
+      page.should_not have_css('.input .card-body')
       daemon.agent.config.strip.should == ""
     end
 
     it "click delete button then cancel it" do
-      page.should have_css('.input .panel-body')
+      page.should have_css('.input .card-body')
       confirm_dialog(false) do
         find(".btn", text: I18n.t('terms.destroy')).click
       end
-      page.should have_css('.input .panel-body')
+      page.should have_css('.input .card-body')
       daemon.agent.config.strip.should == config_contents.strip
     end
   end