diff --git a/web/satellite/.eslintrc.cjs b/web/satellite/.eslintrc.cjs
index 63d3700fb..aafe290ed 100644
--- a/web/satellite/.eslintrc.cjs
+++ b/web/satellite/.eslintrc.cjs
@@ -29,6 +29,7 @@ module.exports = {
         'no-tabs': 'warn',
         'indent': ['warn', 4],
         'vue/html-indent': ['warn', 4],
+        '@typescript-eslint/indent': ['warn', 4, {"SwitchCase": 0}],
 
         '@typescript-eslint/no-unused-vars': 'off',
         '@typescript-eslint/no-empty-function': 'off',
diff --git a/web/satellite/src/components/account/billing/paymentMethods/StripeCardElement.vue b/web/satellite/src/components/account/billing/paymentMethods/StripeCardElement.vue
index e80386b63..6a8ea3189 100644
--- a/web/satellite/src/components/account/billing/paymentMethods/StripeCardElement.vue
+++ b/web/satellite/src/components/account/billing/paymentMethods/StripeCardElement.vue
@@ -36,7 +36,7 @@ const props = withDefaults(defineProps<{
 });
 
 const emit = defineEmits<{
-  (e: 'pmCreated', pmID: string): void
+    (e: 'pmCreated', pmID: string): void
 }>();
 
 /**
diff --git a/web/satellite/src/components/browser/FileEntry.vue b/web/satellite/src/components/browser/FileEntry.vue
index c767dfcb7..823e81ef0 100644
--- a/web/satellite/src/components/browser/FileEntry.vue
+++ b/web/satellite/src/components/browser/FileEntry.vue
@@ -149,8 +149,8 @@ const notify = useNotify();
 const router = useRouter();
 
 const props = defineProps<{
-  path: string,
-  file: BrowserObject,
+    path: string,
+    file: BrowserObject,
 }>();
 
 const emit = defineEmits(['onUpdate']);
diff --git a/web/satellite/src/components/common/TablePagination.vue b/web/satellite/src/components/common/TablePagination.vue
index 4c6143809..d794f44bd 100644
--- a/web/satellite/src/components/common/TablePagination.vue
+++ b/web/satellite/src/components/common/TablePagination.vue
@@ -98,8 +98,8 @@ import PaginationRightIcon from '@/../static/images/common/tablePaginationArrowR
 
 // Represents each type of item in the pagination component.
 interface PaginationControlItem {
-  index?: number;
-  type: 'page' | 'prev' | 'next' | 'next_3' | 'prev_3';
+    index?: number;
+    type: 'page' | 'prev' | 'next' | 'next_3' | 'prev_3';
 }
 
 const { withLoading } = useLoading();
diff --git a/web/satellite/src/components/common/TableSizeChanger.vue b/web/satellite/src/components/common/TableSizeChanger.vue
index ddd272eb3..9218e0c44 100644
--- a/web/satellite/src/components/common/TableSizeChanger.vue
+++ b/web/satellite/src/components/common/TableSizeChanger.vue
@@ -38,13 +38,13 @@ import ArrowDownIcon from '@/../static/images/common/dropIcon.svg';
 const appStore = useAppStore();
 
 const props = defineProps<{
-  selected: number | null;
-  itemCount?: number;
-  simplePagination?: boolean;
+    selected: number | null;
+    itemCount?: number;
+    simplePagination?: boolean;
 }>();
 
 const emit = defineEmits<{
-  (e: 'change', size: number): void
+    (e: 'change', size: number): void
 }>();
 
 const options = computed((): {label:string, value:number}[] => {
diff --git a/web/satellite/src/components/modals/MFARecoveryCodesModal.vue b/web/satellite/src/components/modals/MFARecoveryCodesModal.vue
index 49505cbca..78aa28a29 100644
--- a/web/satellite/src/components/modals/MFARecoveryCodesModal.vue
+++ b/web/satellite/src/components/modals/MFARecoveryCodesModal.vue
@@ -76,7 +76,7 @@ import VModal from '@/components/common/VModal.vue';
 import ConfirmMFAInput from '@/components/account/mfa/ConfirmMFAInput.vue';
 
 interface ClearInput {
-  clearInput(): void;
+    clearInput(): void;
 }
 
 const usersStore = useUsersStore();
diff --git a/web/satellite/src/store/modules/objectBrowserStore.ts b/web/satellite/src/store/modules/objectBrowserStore.ts
index c14495517..c986312e5 100644
--- a/web/satellite/src/store/modules/objectBrowserStore.ts
+++ b/web/satellite/src/store/modules/objectBrowserStore.ts
@@ -36,7 +36,7 @@ export type BrowserObject = {
     type?: 'file' | 'folder';
     progress?: number;
     upload?: {
-      abort: () => void;
+        abort: () => void;
     };
     path?: string;
 };
@@ -105,7 +105,7 @@ export class FilesState {
 }
 
 type InitializedFilesState = FilesState & {
-  s3: S3Client;
+    s3: S3Client;
 };
 
 function assertIsInitialized(
diff --git a/web/satellite/src/types/json.ts b/web/satellite/src/types/json.ts
index 64730acac..9b1629d89 100644
--- a/web/satellite/src/types/json.ts
+++ b/web/satellite/src/types/json.ts
@@ -14,7 +14,7 @@ export type JSONObject = string | number | boolean | null | JSONObject[] | {
  */
 export type JSONRepresentable<T> =
     T extends undefined ? never :
-    T extends JSONObject ? T :
-    Pick<T, {
-        [P in keyof T]: T[P] extends JSONObject ? P : never;
-    }[keyof T]>;
+        T extends JSONObject ? T :
+            Pick<T, {
+                [P in keyof T]: T[P] extends JSONObject ? P : never;
+            }[keyof T]>;
diff --git a/web/satellite/src/types/managePassphrase.ts b/web/satellite/src/types/managePassphrase.ts
index 07a7f0081..6fc280dba 100644
--- a/web/satellite/src/types/managePassphrase.ts
+++ b/web/satellite/src/types/managePassphrase.ts
@@ -2,8 +2,8 @@
 // See LICENSE for copying information.
 
 export enum ManageProjectPassphraseStep {
-  ManageOptions = 'ManageOptions',
-  Create = 'Create',
-  Switch = 'Switch',
-  Clear = 'Clear',
+    ManageOptions = 'ManageOptions',
+    Create = 'Create',
+    Switch = 'Switch',
+    Clear = 'Clear',
 }
diff --git a/web/satellite/src/types/payments.ts b/web/satellite/src/types/payments.ts
index 5a79bebcf..3cc14bbb0 100644
--- a/web/satellite/src/types/payments.ts
+++ b/web/satellite/src/types/payments.ts
@@ -628,8 +628,8 @@ export enum CouponDuration {
  */
 export class Wallet {
     public constructor(
-      public address: string = '',
-      public balance: TokenAmount = new TokenAmount(),
+        public address: string = '',
+        public balance: TokenAmount = new TokenAmount(),
     ) { }
 }
 
diff --git a/web/satellite/src/views/all-dashboard/components/AllProjectsDashboardBanners.vue b/web/satellite/src/views/all-dashboard/components/AllProjectsDashboardBanners.vue
index 6b23895e0..8a1093ac9 100644
--- a/web/satellite/src/views/all-dashboard/components/AllProjectsDashboardBanners.vue
+++ b/web/satellite/src/views/all-dashboard/components/AllProjectsDashboardBanners.vue
@@ -77,7 +77,7 @@ const configStore = useConfigStore();
 const isLowBalance = useLowTokenBalance();
 
 const props = defineProps<{
-  parentRef: HTMLElement;
+    parentRef: HTMLElement;
 }>();
 
 /**
diff --git a/web/satellite/src/views/all-dashboard/components/ProjectsTable.vue b/web/satellite/src/views/all-dashboard/components/ProjectsTable.vue
index 6b9cc4cd5..35deba04c 100644
--- a/web/satellite/src/views/all-dashboard/components/ProjectsTable.vue
+++ b/web/satellite/src/views/all-dashboard/components/ProjectsTable.vue
@@ -41,7 +41,7 @@ import VTable from '@/components/common/VTable.vue';
 const projectsStore = useProjectsStore();
 
 const props = withDefaults(defineProps<{
-  invites?: ProjectInvitation[],
+    invites?: ProjectInvitation[],
 }>(), {
     invites: () => [],
 });
diff --git a/web/satellite/vuetify-poc/src/components/AddCreditCardComponent.vue b/web/satellite/vuetify-poc/src/components/AddCreditCardComponent.vue
index 2247296f5..4256b1fa9 100644
--- a/web/satellite/vuetify-poc/src/components/AddCreditCardComponent.vue
+++ b/web/satellite/vuetify-poc/src/components/AddCreditCardComponent.vue
@@ -58,7 +58,7 @@ import StripeCardElement from '@/components/account/billing/paymentMethods/Strip
 import StripeCardInput from '@/components/account/billing/paymentMethods/StripeCardInput.vue';
 
 interface StripeForm {
-  onSubmit(): Promise<void>;
+    onSubmit(): Promise<void>;
 }
 
 const configStore = useConfigStore();
diff --git a/web/satellite/vuetify-poc/src/components/FileCard.vue b/web/satellite/vuetify-poc/src/components/FileCard.vue
index 21c27f05b..1009abd95 100644
--- a/web/satellite/vuetify-poc/src/components/FileCard.vue
+++ b/web/satellite/vuetify-poc/src/components/FileCard.vue
@@ -68,15 +68,15 @@ import { EXTENSION_PREVIEW_TYPES, PreviewType } from '@/types/browser';
 import BrowserRowActions from '@poc/components/BrowserRowActions.vue';
 
 type BrowserObjectTypeInfo = {
-  title: string;
-  icon: string;
+    title: string;
+    icon: string;
 };
 
 type BrowserObjectWrapper = {
-  browserObject: BrowserObject;
-  typeInfo: BrowserObjectTypeInfo;
-  lowerName: string;
-  ext: string;
+    browserObject: BrowserObject;
+    typeInfo: BrowserObjectTypeInfo;
+    lowerName: string;
+    ext: string;
 };
 
 const analyticsStore = useAnalyticsStore();
@@ -92,9 +92,9 @@ const props = defineProps<{
 }>();
 
 const emit = defineEmits<{
-  previewClick: [BrowserObject];
-  deleteFileClick: [BrowserObject];
-  shareClick: [BrowserObject];
+    previewClick: [BrowserObject];
+    deleteFileClick: [BrowserObject];
+    shareClick: [BrowserObject];
 }>();
 
 /**
diff --git a/web/satellite/vuetify-poc/src/components/billing/UsageAndChargesComponent.vue b/web/satellite/vuetify-poc/src/components/billing/UsageAndChargesComponent.vue
index 8e1f5dd2c..7cb686f97 100644
--- a/web/satellite/vuetify-poc/src/components/billing/UsageAndChargesComponent.vue
+++ b/web/satellite/vuetify-poc/src/components/billing/UsageAndChargesComponent.vue
@@ -24,6 +24,6 @@ import {
 import UsageAndChargesItemComponent from '@poc/components/billing/UsageAndChargesItemComponent.vue';
 
 const props = defineProps<{
-  projectIds: string[],
+    projectIds: string[],
 }>();
 </script>
\ No newline at end of file
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue
index 6441bb16b..e3e5c141d 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/BrowserNewFolderDialog.vue
@@ -123,11 +123,11 @@ const notify = useNotify();
 const { isLoading, withLoading } = useLoading();
 
 const props = defineProps<{
-  modelValue: boolean,
+    modelValue: boolean,
 }>();
 
 const emit = defineEmits<{
-  'update:modelValue': [value: boolean];
+    'update:modelValue': [value: boolean];
 }>();
 
 const model = computed<boolean>({
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/DropzoneDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/DropzoneDialog.vue
index 89493b617..39af1853c 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/DropzoneDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/DropzoneDialog.vue
@@ -36,13 +36,13 @@ import { VAlert, VContainer, VDialog } from 'vuetify/components';
 import { computed } from 'vue';
 
 const props = defineProps<{
-  modelValue: boolean,
-  bucket: string,
+    modelValue: boolean,
+    bucket: string,
 }>();
 
 const emit = defineEmits<{
-  (event: 'update:modelValue', value: boolean): void,
-  (event: 'fileDrop', value: Event): void,
+    (event: 'update:modelValue', value: boolean): void,
+    (event: 'fileDrop', value: Event): void,
 }>();
 
 const model = computed<boolean>({
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/EnterBucketPassphraseDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/EnterBucketPassphraseDialog.vue
index ae679c5c2..bc1262fe7 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/EnterBucketPassphraseDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/EnterBucketPassphraseDialog.vue
@@ -125,12 +125,12 @@ const innerContent = ref<Component | null>(null);
 const formValid = ref<boolean>(false);
 
 const props = defineProps<{
-  modelValue: boolean,
+    modelValue: boolean,
 }>();
 
 const emit = defineEmits<{
-  (event: 'update:modelValue', value: boolean): void,
-  (event: 'passphraseEntered'): void,
+    (event: 'update:modelValue', value: boolean): void,
+    (event: 'passphraseEntered'): void,
 }>();
 
 const model = computed<boolean>({
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/GeographicDistributionDialog.vue b/web/satellite/vuetify-poc/src/components/dialogs/GeographicDistributionDialog.vue
index 4532ab788..5c09bb395 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/GeographicDistributionDialog.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/GeographicDistributionDialog.vue
@@ -109,7 +109,7 @@ const props = defineProps<{
 }>();
 
 const emit = defineEmits<{
-  'update:modelValue': [value: boolean];
+    'update:modelValue': [value: boolean];
 }>();
 
 const model = computed<boolean>({
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/filePreviewComponents/FilePreviewItem.vue b/web/satellite/vuetify-poc/src/components/dialogs/filePreviewComponents/FilePreviewItem.vue
index f0362ac27..2c7ad935b 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/filePreviewComponents/FilePreviewItem.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/filePreviewComponents/FilePreviewItem.vue
@@ -72,8 +72,8 @@ const isLoading = ref<boolean>(false);
 const previewAndMapFailed = ref<boolean>(false);
 
 const props = defineProps<{
-  file: BrowserObject,
-  active: boolean, // whether this item is visible
+    file: BrowserObject,
+    active: boolean, // whether this item is visible
 }>();
 
 const emit = defineEmits<{
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/filePreviewComponents/FilePreviewPlaceholder.vue b/web/satellite/vuetify-poc/src/components/dialogs/filePreviewComponents/FilePreviewPlaceholder.vue
index d68f88f7e..488a52d4c 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/filePreviewComponents/FilePreviewPlaceholder.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/filePreviewComponents/FilePreviewPlaceholder.vue
@@ -23,7 +23,7 @@ import prettyBytes from 'pretty-bytes';
 import { BrowserObject } from '@/store/modules/objectBrowserStore';
 
 const props = defineProps<{
-  file: BrowserObject,
+    file: BrowserObject,
 }>();
 
 const emits = defineEmits<{
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddCreditCardStep.vue b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddCreditCardStep.vue
index 500fdb598..b4cc0fd86 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddCreditCardStep.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddCreditCardStep.vue
@@ -85,8 +85,8 @@ const router = useRouter();
 const route = useRoute();
 
 const emit = defineEmits<{
-  success: [];
-  back: [];
+    success: [];
+    back: [];
 }>();
 
 const loading = ref<boolean>(false);
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddTokensStep.vue b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddTokensStep.vue
index 3661637f7..64a30c2a6 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddTokensStep.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddTokensStep.vue
@@ -111,7 +111,7 @@ const intervalID = ref<NodeJS.Timer>();
 const viewState = ref<ViewState>(ViewState.Default);
 
 const emit = defineEmits<{
-  back: [];
+    back: [];
 }>();
 
 /**
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddTokensStepBanner.vue b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddTokensStepBanner.vue
index 2b30e0a78..cf517efae 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddTokensStepBanner.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/AddTokensStepBanner.vue
@@ -47,10 +47,10 @@ import { useConfigStore } from '@/store/modules/configStore';
 const configStore = useConfigStore();
 
 const props = defineProps<{
-  isDefault: boolean
-  isPending: boolean
-  isSuccess: boolean
-  pendingPayments: PaymentWithConfirmations[]
+    isDefault: boolean
+    isPending: boolean
+    isSuccess: boolean
+    pendingPayments: PaymentWithConfirmations[]
 }>();
 
 /**
diff --git a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/PricingPlanSelectionStep.vue b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/PricingPlanSelectionStep.vue
index 3316d4b94..938d2b074 100644
--- a/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/PricingPlanSelectionStep.vue
+++ b/web/satellite/vuetify-poc/src/components/dialogs/upgradeAccountFlow/PricingPlanSelectionStep.vue
@@ -38,7 +38,7 @@ const notify = useNotify();
 const { smAndDown } = useDisplay();
 
 const emit = defineEmits<{
-  select: [PricingPlanInfo];
+    select: [PricingPlanInfo];
 }>();
 
 const isLoading = ref<boolean>(true);
diff --git a/web/satellite/vuetify-poc/src/views/Login2FA.vue b/web/satellite/vuetify-poc/src/views/Login2FA.vue
index 4a47bf7e7..0ff7829c4 100644
--- a/web/satellite/vuetify-poc/src/views/Login2FA.vue
+++ b/web/satellite/vuetify-poc/src/views/Login2FA.vue
@@ -79,19 +79,19 @@ import { computed, ref } from 'vue';
 import { RequiredRule } from '@poc/types/common';
 
 const props = defineProps<{
-  modelValue: boolean;
-  loading: boolean;
-  error: boolean;
-  recovery: string;
-  otp: string;
+    modelValue: boolean;
+    loading: boolean;
+    error: boolean;
+    recovery: string;
+    otp: string;
 }>();
 
 const emit = defineEmits<{
-  'update:modelValue': [value: boolean];
-  'update:error': [value: boolean];
-  'update:recovery': [value: string];
-  'update:otp': [value: string];
-  verify: [];
+    'update:modelValue': [value: boolean];
+    'update:error': [value: boolean];
+    'update:recovery': [value: string];
+    'update:otp': [value: string];
+    verify: [];
 }>();
 
 const formValid = ref(false);
diff --git a/web/satellite/vuetify-poc/src/views/Signup.vue b/web/satellite/vuetify-poc/src/views/Signup.vue
index c8e432039..92b83e2fd 100644
--- a/web/satellite/vuetify-poc/src/views/Signup.vue
+++ b/web/satellite/vuetify-poc/src/views/Signup.vue
@@ -219,14 +219,14 @@ import { useNotify } from '@/utils/hooks';
 import SignupConfirmation from '@poc/views/SignupConfirmation.vue';
 
 type ViewConfig = {
-  title: string;
-  partnerUrl: string;
-  partnerLogoTopUrl: string;
-  partnerLogoBottomUrl: string;
-  description: string;
-  customHtmlDescription: string;
-  signupButtonLabel: string;
-  tooltip: string;
+    title: string;
+    partnerUrl: string;
+    partnerLogoTopUrl: string;
+    partnerLogoBottomUrl: string;
+    description: string;
+    customHtmlDescription: string;
+    signupButtonLabel: string;
+    tooltip: string;
 }
 
 const auth = new AuthHttpApi();