1 files changed, 3 insertions, 21 deletions
diff --git a/src/views/SystemDescription/Info/SystemDescription.vue b/src/views/SystemDescription/Info/SystemDescription.vue
index 7322d03e..558c70ef 100644
--- a/src/views/SystemDescription/Info/SystemDescription.vue
+++ b/src/views/SystemDescription/Info/SystemDescription.vue
@@ -10,7 +10,7 @@
         <b-button
           v-b-toggle.toggle-collapse_1
           variant="link"
-          class="server-info-collapse__button semi-bold-16px"
+          class="collapse-button semi-bold-16px"
         >
           {{ $t('SystemDescription.title.ServerConfig') }}
           <component :is="iconChevronUp" class="icon-expand" />
@@ -78,7 +78,7 @@
         <b-button
           v-b-toggle.toggle-collapse_2
           variant="link"
-          class="server-info-collapse__button semi-bold-16px"
+          class="collapse-button semi-bold-16px"
         >
           {{ $t('SystemDescription.title.Control') }}
           <component :is="iconChevronUp" class="icon-expand" />
@@ -94,8 +94,7 @@
 <script>
 import PageTitle from '@/components/Global/PageTitle';
 import TableSystem from './InventoryTableSystem';
-import ControlSystem from './InventoryControlSystem';
-// import PageSection from '@/components/Global/PageSection';
+import ControlSystem from '@/components/Global/SilaComponents/InventoryControlSystem';
 import iconChevronUp from '@carbon/icons-vue/es/chevron--up/16';
 
 export default {
@@ -103,7 +102,6 @@ export default {
     PageTitle,
     ControlSystem,
     TableSystem,
-    // PageSection,
   },
   data() {
     return {
@@ -120,22 +118,6 @@ export default {
   padding: 0;
 }
 
-.server-info-collapse__button {
-  height: 56px;
-  width: 100%;
-  padding: 0 0 0 2rem;
-  margin: 0;
-  display: flex;
-  flex-flow: row nowrap;
-  justify-content: flex-start;
-  &:active,
-  &:focus {
-    box-shadow: none;
-  }
-  &:hover {
-    color: $text-primary;
-  }
-}
 .nav-item {
   list-style-type: none;
 }