diff --git a/components/AppShelf/AddAppShelfItem.tsx b/components/AppShelf/AddAppShelfItem.tsx
index 8c8b51120..749e7ab07 100644
--- a/components/AppShelf/AddAppShelfItem.tsx
+++ b/components/AppShelf/AddAppShelfItem.tsx
@@ -35,67 +35,73 @@ export default function AddItemShelfItem(props: any) {
   });
   return (
     <>
-      <Modal size="xl" radius="lg" opened={props.opened || opened} onClose={() => setOpened(false)} title="Add a service">
-          <Center>
-            <Image
-              height={120}
-              width={120}
-              src={form.values.icon}
-              alt="Placeholder"
-              withPlaceholder
+      <Modal
+        size="xl"
+        radius="lg"
+        opened={props.opened || opened}
+        onClose={() => setOpened(false)}
+        title="Add a service"
+      >
+        <Center>
+          <Image
+            height={120}
+            width={120}
+            src={form.values.icon}
+            alt="Placeholder"
+            withPlaceholder
+          />
+        </Center>
+        <form
+          onSubmit={form.onSubmit(() => {
+            addItem(form.values);
+            setOpened(false);
+            form.reset();
+          })}
+        >
+          <Group direction="column" grow>
+            <TextInput
+              required
+              label="Service name"
+              placeholder="Plex"
+              value={form.values.name}
+              onChange={(event) => form.setFieldValue('name', event.currentTarget.value)}
+              error={form.errors.name && 'Invalid name'}
             />
-          </Center>
-          <form
-            onSubmit={form.onSubmit(() => {
-              addItem(form.values);
-              setOpened(false);
-              form.reset();
-            })}
-          >
-            <Group direction="column" grow>
-              <TextInput
-                required
-                label="Service name"
-                placeholder="Plex"
-                value={form.values.name}
-                onChange={(event) => form.setFieldValue('name', event.currentTarget.value)}
-                error={form.errors.name && 'Invalid name'}
-              />
 
-              <TextInput
-                required
-                label="Icon url"
-                placeholder="https://i.gifer.com/ANPC.gif"
-                value={form.values.icon}
-                onChange={(event) => {
-                  form.setFieldValue('icon', event.currentTarget.value);
-                }}
-                error={form.errors.icon && 'Icon url is invalid'}
-              />
-              <TextInput
-                required
-                label="Service url"
-                placeholder="http://localhost:8989"
-                value={form.values.url}
-                onChange={(event) => form.setFieldValue('url', event.currentTarget.value)}
-                error={form.errors.icon && 'Icon url is invalid'}
-              />
-              <Select
-                label="Select the type of service (used for API calls)"
-                defaultValue="Other"
-                placeholder="Pick one"
-                value={form.values.type}
-                required
-                searchable
-                onChange={(value) => form.setFieldValue('type', value ?? 'Other')}
-                data={ServiceTypes}
-              />
-            </Group>
+            <TextInput
+              required
+              label="Icon url"
+              placeholder="https://i.gifer.com/ANPC.gif"
+              value={form.values.icon}
+              onChange={(event) => {
+                form.setFieldValue('icon', event.currentTarget.value);
+              }}
+              error={form.errors.icon && 'Icon url is invalid'}
+            />
+            <TextInput
+              required
+              label="Service url"
+              placeholder="http://localhost:8989"
+              value={form.values.url}
+              onChange={(event) => form.setFieldValue('url', event.currentTarget.value)}
+              error={form.errors.icon && 'Icon url is invalid'}
+            />
+            <Select
+              label="Select the type of service (used for API calls)"
+              defaultValue="Other"
+              placeholder="Pick one"
+              value={form.values.type}
+              required
+              searchable
+              onChange={(value) => form.setFieldValue('type', value ?? 'Other')}
+              data={ServiceTypes}
+            />
+          </Group>
 
-            <Group grow position="center" mt="xl">
-              <Button type="submit">Add service</Button>
-            </Group>
-          </form>
+          <Group grow position="center" mt="xl">
+            <Button type="submit">Add service</Button>
+          </Group>
+        </form>
       </Modal>
       <Grid.Col span={4} lg={2} sm={3}>
         <AspectRatio ratio={4 / 3}>
diff --git a/components/AppShelf/AppShelf.d.ts b/components/AppShelf/AppShelf.d.ts
index 612145af3..676062237 100644
--- a/components/AppShelf/AppShelf.d.ts
+++ b/components/AppShelf/AppShelf.d.ts
@@ -1,12 +1,4 @@
-export const ServiceTypes = [
-  'Other',
-  'Sonarr',
-  'Radarr',
-  'Lidarr',
-  'qBittorrent',
-  'Plex',
-  'Emby',
-];
+export const ServiceTypes = ['Other', 'Sonarr', 'Radarr', 'Lidarr', 'qBittorrent', 'Plex', 'Emby'];
 
 export interface serviceItem {
   [x: string]: any;
diff --git a/components/AppShelf/AppShelf.story.tsx b/components/AppShelf/AppShelf.story.tsx
index 6f9687513..6657c4918 100644
--- a/components/AppShelf/AppShelf.story.tsx
+++ b/components/AppShelf/AppShelf.story.tsx
@@ -4,6 +4,4 @@ export default {
   title: 'Item Shelf',
 };
 
-export const Default = (args: any) => (
-    <AppShelf {...args} />
-);
+export const Default = (args: any) => <AppShelf {...args} />;
diff --git a/components/Config/SaveConfig.tsx b/components/Config/SaveConfig.tsx
index a507d53ad..7fbf3e951 100644
--- a/components/Config/SaveConfig.tsx
+++ b/components/Config/SaveConfig.tsx
@@ -11,8 +11,8 @@ export default function SaveConfigComponent(props: any) {
     }
   }
   return (
-      <Button leftIcon={<Download />} variant="outline" onClick={onClick}>
-        Download your config
-      </Button>
+    <Button leftIcon={<Download />} variant="outline" onClick={onClick}>
+      Download your config
+    </Button>
   );
 }
diff --git a/components/Settings/SettingsMenu.tsx b/components/Settings/SettingsMenu.tsx
index 4420aedb4..8b45d8841 100644
--- a/components/Settings/SettingsMenu.tsx
+++ b/components/Settings/SettingsMenu.tsx
@@ -20,12 +20,10 @@ function SettingsMenu(props: any) {
   }, []);
   return (
     <Group direction="column" grow>
-
       <TextInput
         label="Search bar querry url"
         defaultValue={config.searchUrl}
-        onChange={
-        (e) => {
+        onChange={(e) => {
           setConfig({
             ...config,
             searchUrl: e.target.value,
@@ -37,8 +35,7 @@ function SettingsMenu(props: any) {
               searchUrl: e.target.value,
             })
           );
-        }
-      }
+        }}
       />
       <Group direction="column">
         <Switch
diff --git a/tools/settings.ts b/tools/settings.ts
index 174f5246c..c24de1a7f 100644
--- a/tools/settings.ts
+++ b/tools/settings.ts
@@ -13,5 +13,5 @@ export function loadSettings(path: string): Settings | null {
 
 export interface Settings {
   searchUrl: string;
-	searchBar: boolean,
+  searchBar: boolean;
 }
diff --git a/tools/types.ts b/tools/types.ts
index 551c399b2..5734e0d06 100644
--- a/tools/types.ts
+++ b/tools/types.ts
@@ -2,6 +2,6 @@ import { serviceItem } from '../components/AppShelf/AppShelf.d';
 
 export interface Config {
   services: serviceItem[];
-	settings: {};
-	[key: string]: any;
+  settings: {};
+  [key: string]: any;
 }