diff --git a/Services/client/src/components/FullLoader.vue b/Services/client/src/components/FullLoader.vue
index 3e4bbc4..089a3b6 100644
--- a/Services/client/src/components/FullLoader.vue
+++ b/Services/client/src/components/FullLoader.vue
@@ -1,22 +1,20 @@
 <script setup lang="ts">
 import { watch, ref } from 'vue'
 
-const props = defineProps({
-  visibility: Boolean,
-})
+const props = defineProps({ visibility: Boolean })
+const visible = ref<boolean>(props.visibility)
 
-const loaderVisibility = ref<boolean>(props.visibility)
-
-watch(props, () => (loaderVisibility.value = props.visibility))
+watch(props, () => (visible.value = props.visibility))
 </script>
 
 <template>
-  <q-inner-loading :showing="loaderVisibility" class="loader">
+  <q-inner-loading :showing="visible" class="loader">
     <q-spinner-cube size="80px" color="primary" />
   </q-inner-loading>
 </template>
 
-<style lang="sass">
-.loader
-    z-index: 1000
+<style lang="scss">
+.loader {
+  z-index: 1000;
+}
 </style>