diff --git a/luckydiamond/src/components/AsidebarComponent.vue b/luckydiamond/src/components/AsidebarComponent.vue
index 6bfb5dc..9e152e7 100644
--- a/luckydiamond/src/components/AsidebarComponent.vue
+++ b/luckydiamond/src/components/AsidebarComponent.vue
@@ -17,19 +17,17 @@
       </div>
     </div>
   </aside>
-  <SettingsPage></SettingsPage>
+  <settings-page v-if="SettingsPage"></settings-page>
 </template>
 
 
 <script>
 // import NotiicationwindowComponent from "@/components/NotiicationwindowComponent.vue";
 import '@/assets/css/ComponentsStyles/asidebar.css'
-import {
-  SettingsPage
-} from "@/pages/SettingsPage.vue"
+import settingsPage from "@/pages/SettingsPage.vue";
 export default {
   name: 'AsideBar-Element',
-  components: { SettingsPage },
+  components: { settingsPage },
   data() {
     return {
       SettingsPage: false