diff --git a/src/App.vue b/src/App.vue
index 512c012..ca3058e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,6 +8,7 @@
 </template>
 
 <script setup lang="ts">
+import { INavigationEntry } from './interfaces/navigation-entry.interface';
 import {
   IdentificationIcon,
   LibraryIcon,
@@ -16,7 +17,6 @@ import {
   TrendingUpIcon,
   UserIcon,
 } from '@heroicons/vue/outline';
-import { INavigationEntry } from './interfaces/navigation-entry.interface';
 import MoleculeNavigationDrawer from './components/molecules/MoleculeNavigationDrawer.vue';
 
 const drawerId = 'default-drawer';
@@ -59,4 +59,5 @@ const navigationEntries: INavigationEntry[] = [
 </script>
 
 <style lang="scss" scoped>
+
 </style>
\ No newline at end of file
diff --git a/src/components/atoms/AtomCurrencyInput.vue b/src/components/atoms/AtomCurrencyInput.vue
index 195f031..5cb8904 100644
--- a/src/components/atoms/AtomCurrencyInput.vue
+++ b/src/components/atoms/AtomCurrencyInput.vue
@@ -12,7 +12,6 @@
 
 <script lang="ts" setup>
 import AtomInput from './AtomInput.vue';
-
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/molecules/MoleculeAddAccountModal.vue b/src/components/molecules/MoleculeAddAccountModal.vue
index 94e940b..57e2cf4 100644
--- a/src/components/molecules/MoleculeAddAccountModal.vue
+++ b/src/components/molecules/MoleculeAddAccountModal.vue
@@ -65,11 +65,11 @@
 </template>
 
 <script lang="ts" setup>
-import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/outline';
-import AtomModal from '../atoms/AtomModal.vue';
-import AtomInput from '../atoms/AtomInput.vue';
-import AtomSelect from '../atoms/AtomSelect.vue';
 import { ref } from 'vue';
+import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/outline';
+import AtomInput from '../atoms/AtomInput.vue';
+import AtomModal from '../atoms/AtomModal.vue';
+import AtomSelect from '../atoms/AtomSelect.vue';
 
 const firstName = ref('');
 
diff --git a/src/components/molecules/MoleculeDataTable.vue b/src/components/molecules/MoleculeDataTable.vue
index aa3b9b5..5a22de4 100644
--- a/src/components/molecules/MoleculeDataTable.vue
+++ b/src/components/molecules/MoleculeDataTable.vue
@@ -49,7 +49,6 @@ import { CurrencyService } from '../services/currency.service';
 import { DateService } from '../services/date.service';
 import { CurrencyDollarIcon, DocumentTextIcon } from '@heroicons/vue/outline';
 
-
 defineProps({
   tableHeaders: {
     type: Array as PropType<{ title: string, key: string, type: TableHeaderType }[]>,
diff --git a/src/components/molecules/MoleculeInputModal.vue b/src/components/molecules/MoleculeInputModal.vue
index 4c68b6d..8273cc0 100644
--- a/src/components/molecules/MoleculeInputModal.vue
+++ b/src/components/molecules/MoleculeInputModal.vue
@@ -34,10 +34,10 @@
 </template>
 
 <script lang="ts" setup>
-import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/outline';
-import AtomModal from '../atoms/AtomModal.vue';
-import AtomCurrencyInput from '../atoms/AtomCurrencyInput.vue';
 import { ref } from 'vue';
+import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/outline';
+import AtomCurrencyInput from '../atoms/AtomCurrencyInput.vue';
+import AtomModal from '../atoms/AtomModal.vue';
 
 const input = ref();
 const abortButton = ref();
diff --git a/src/components/molecules/MoleculeTransactionTable.vue b/src/components/molecules/MoleculeTransactionTable.vue
index fd5a3f3..c851717 100644
--- a/src/components/molecules/MoleculeTransactionTable.vue
+++ b/src/components/molecules/MoleculeTransactionTable.vue
@@ -35,9 +35,9 @@
 
 <script lang="ts" setup>
 import { PropType } from 'vue';
-import { ITransaction } from '../../interfaces/transaction.interface';
 import { CurrencyService } from '../services/currency.service';
 import { DateService } from '../services/date.service';
+import { ITransaction } from '../../interfaces/transaction.interface';
 
 defineProps({
   transactions: {