diff --git a/src/assets/styles/primevue.css b/src/assets/styles/primevue.css
index 59cbd4087..24096d753 100644
--- a/src/assets/styles/primevue.css
+++ b/src/assets/styles/primevue.css
@@ -1,4 +1,5 @@
 @import '../../components/common/Common.css';
+@import '../../components/accordion/Accordion.css';
 @import '../../components/button/Button.css';
 @import '../../components/card/Card.css';
 @import '../../components/checkbox/Checkbox.css';
diff --git a/src/components/accordion/Accordion.css b/src/components/accordion/Accordion.css
new file mode 100644
index 000000000..abc74fdd7
--- /dev/null
+++ b/src/components/accordion/Accordion.css
@@ -0,0 +1,56 @@
+.p-accordion { 
+    width: 100%; 
+}
+
+.p-accordion .p-accordion-header { 
+    cursor: pointer; 
+    position: relative; 
+    margin-top: 1px; 
+    zoom: 1; 
+}
+
+.p-accordion .p-accordion-header a { 
+    display: block; 
+    padding: .5em;
+}
+
+.p-accordion .p-accordion-toggle-icon,
+.p-accordion .p-accordion-header-text {
+    vertical-align: middle;   
+}
+
+.p-accordion .p-accordion-header a > span { 
+    display: inline-block; 
+    vertical-align: middle;
+}
+
+.p-accordion .p-accordion-content { 
+    padding: 1em;
+    border-top: 0;
+    zoom: 1;
+}
+
+.p-accordion .p-accordion-header.p-disabled, 
+.p-accordion .p-accordion-header.p-disabled a { 
+    cursor: default; 
+}
+
+.p-accordion-content-wrapper-enter,
+.p-accordion-content-wrapper-leave-to {
+    max-height: 0;
+}
+
+.p-accordion-content-wrapper-enter-to,
+.p-accordion-content-wrapper-leave {
+    max-height: 1000px;
+}
+
+.p-accordion-content-wrapper-leave-active {
+    overflow: hidden;
+    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
+}
+
+.p-accordion-content-wrapper-enter-active {
+    overflow: hidden;
+    transition: max-height 1s ease-in-out;
+}
\ No newline at end of file
diff --git a/src/components/accordion/Accordion.vue b/src/components/accordion/Accordion.vue
index 8e7365608..25b232aaa 100644
--- a/src/components/accordion/Accordion.vue
+++ b/src/components/accordion/Accordion.vue
@@ -67,63 +67,4 @@ export default {
         )
     }
 }
-</script>
-
-<style>
-.p-accordion { 
-    width: 100%; 
-}
-
-.p-accordion .p-accordion-header { 
-    cursor: pointer; 
-    position: relative; 
-    margin-top: 1px; 
-    zoom: 1; 
-}
-
-.p-accordion .p-accordion-header > a { 
-    display: block; 
-    padding: .5em;
-}
-
-.p-accordion .p-accordion-toggle-icon,
-.p-accordion .p-accordion-header-text {
-    vertical-align: middle;   
-}
-
-.p-accordion .p-accordion-header a > span { 
-    display: inline-block; 
-    vertical-align: middle;
-}
-
-.p-accordion .p-accordion-content { 
-    padding: 1em;
-    border-top: 0;
-    zoom: 1;
-}
-
-.p-accordion .p-accordion-header.p-disabled, 
-.p-accordion .p-accordion-header.p-disabled a { 
-    cursor: default; 
-}
-
-.p-accordion-content-wrapper-enter,
-.p-accordion-content-wrapper-leave-to {
-    max-height: 0;
-}
-
-.p-accordion-content-wrapper-enter-to,
-.p-accordion-content-wrapper-leave {
-    max-height: 1000px;
-}
-
-.p-accordion-content-wrapper-leave-active {
-    overflow: hidden;
-    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
-}
-
-.p-accordion-content-wrapper-enter-active {
-    overflow: hidden;
-    transition: max-height 1s ease-in-out;
-}
-</style>
\ No newline at end of file
+</script>
\ No newline at end of file