diff --git a/home/ags/files/Bar.tsx b/home/ags/files/Bar.tsx
index e02afdb..19de811 100644
--- a/home/ags/files/Bar.tsx
+++ b/home/ags/files/Bar.tsx
@@ -1,30 +1,31 @@
-import { Astal, Gdk } from "ags/gtk4";
-import app from "ags/gtk4/app"
-import Gtk from "gi://Gtk?version=4.0"
-import { createBinding, createState, For, With, Accessor } from "ags"
-import { createPoll } from "ags/time"
+import { Astal, Gdk, Gtk } from "ags/gtk4";
+import app from "ags/gtk4/app";
+import { createBinding, createState, For, With, Accessor } from "ags";
+import { createPoll } from "ags/time";
 import Tray from "gi://AstalTray";
-import { execAsync } from "ags/process"
+import { execAsync } from "ags/process";
 import Hyprland from "gi://AstalHyprland";
 import { getIconName } from "./utils";
-import Wp from "gi://AstalWp"
-import Battery from "gi://AstalBattery"
+import Wp from "gi://AstalWp";
+import Battery from "gi://AstalBattery";
 import GLib from "gi://GLib";
 
-const battery = Battery.get_default()
-const sensorsAvailable = await execAsync(['sensors']).then(() => true).catch(() => false);
+const battery = Battery.get_default();
+const sensorsAvailable = await execAsync(["sensors"])
+    .then(() => true)
+    .catch(() => false);
 const wirePlumber = Wp.get_default();
 
 function SysTray(): JSX.Element {
     const tray = Tray.get_default();
     let items = createBinding(tray, "items");
     const init = (btn: Gtk.MenuButton, item: Tray.TrayItem) => {
-        btn.menuModel = item.menuModel
-        btn.insert_action_group("dbusmenu", item.actionGroup)
+        btn.menuModel = item.menuModel;
+        btn.insert_action_group("dbusmenu", item.actionGroup);
         item.connect("notify::action-group", () => {
-            btn.insert_action_group("dbusmenu", item.actionGroup)
-        })
-    }
+            btn.insert_action_group("dbusmenu", item.actionGroup);
+        });
+    };
     return (
         <box>
             <For each={items}>
@@ -35,7 +36,8 @@ function SysTray(): JSX.Element {
                             $={(self) => init(self, item)}
                             class="systray"
                             tooltipMarkup={createBinding(item, "tooltipMarkup")}
-                            menuModel={createBinding(item, "menuModel")}>
+                            menuModel={createBinding(item, "menuModel")}
+                        >
                             <image gicon={item.gicon} class="systray-item" />
                         </menubutton>
                     );
@@ -62,74 +64,74 @@ function Center(): JSX.Element {
 }
 
 function Date({ format = "%Y-%m-%d" }): JSX.Element {
-    const time = createPoll<string>("", 60000, () => GLib.DateTime.new_now_local().format(format)!)
-    return <button
-        class="item"
-        label={time}
-        onClicked={() => execAsync(['gnome-calendar'])}
-    />
+    const time = createPoll<string>(
+        "",
+        60000,
+        () => GLib.DateTime.new_now_local().format(format)!,
+    );
+    return (
+        <button
+            class="item"
+            label={time}
+            onClicked={() => execAsync(["gnome-calendar"])}
+        />
+    );
 }
 
 function Time({ format = "%H:%M:%S" }): JSX.Element {
-    const time = createPoll<string>("", 1000, () => GLib.DateTime.new_now_local().format(format)!)
-    return <label
-        class="item blue"
-        label={time}
-    />
+    const time = createPoll<string>(
+        "",
+        1000,
+        () => GLib.DateTime.new_now_local().format(format)!,
+    );
+    return <label class="item blue" label={time} />;
 }
 
 function Temp(): JSX.Element {
     let [label, _setlabel] = createState<string>("N/A");
     if (sensorsAvailable) {
-        label = createPoll<string>("", 3000, 'sensors', out => {
-            const match = out.split('\n').find(line => line.includes('Tctl') || line.includes('Package'))?.match(/[0-9.]*°C/);
+        label = createPoll<string>("", 3000, "sensors", (out) => {
+            const match = out
+                .split("\n")
+                .find((line) => line.includes("Tctl") || line.includes("Package"))
+                ?.match(/[0-9.]*°C/);
             return match ? match[0] : "N/A";
-        })
+        });
     }
-    return <label
-        class="item blue"
-        label={label}
-    />
+    return <label class="item blue" label={label} />;
 }
 
 function Memory(): JSX.Element {
-    const memory = createPoll<string>("", 2000, "free", out => {
-        const line = out.split('\n').find(line => line.includes('Mem:'));
+    const memory = createPoll<string>("", 2000, "free", (out) => {
+        const line = out.split("\n").find((line) => line.includes("Mem:"));
         if (!line) return "N/A";
         const split = line.split(/\s+/).map(Number);
         return (split[2] / 1000000).toFixed(2) + "GB";
     });
-    return <label
-        class="item blue"
-        label={memory}
-    />
+    return <label class="item blue" label={memory} />;
 }
 
 function ClockSpeed(): JSX.Element {
-    const command = 'bash -c "cat /proc/cpuinfo | grep \\"MHz\\" | awk \'{print \\$4}\' | sort -n | tail -1 | awk \'{printf \\"%.2fGHz\\", \\$1/1000}\'"';
-    const speed = createPoll<string>("", 1000, command, out => out)
-    return <label
-        class="item"
-        label={speed}
-    />
+    const command =
+        'bash -c "cat /proc/cpuinfo | grep \\"MHz\\" | awk \'{print \\$4}\' | sort -n | tail -1 | awk \'{printf \\"%.2fGHz\\", \\$1/1000}\'"';
+    const speed = createPoll<string>("", 1000, command, (out) => out);
+    return <label class="item" label={speed} />;
 }
 
 function CPU(): JSX.Element {
-    const usage = createPoll<string>("", 2000, "top -b -n 1", out => {
-        const line = out.split("\n").find(line => line.includes('Cpu(s)'));
+    const usage = createPoll<string>("", 2000, "top -b -n 1", (out) => {
+        const line = out.split("\n").find((line) => line.includes("Cpu(s)"));
         if (!line) return "N/A";
-        return line.split(/\s+/)[1].replace(',', '.').toString() + "%";
+        return line.split(/\s+/)[1].replace(",", ".").toString() + "%";
     });
-    return <box class="item">
-        <image iconName="speedometer" css="margin-right: 0.7em;" />
-        <label
-            label={usage}
-        />
-    </box>
+    return (
+        <box class="item">
+            <image iconName="speedometer" css="margin-right: 0.7em;" />
+            <label label={usage} />
+        </box>
+    );
 }
 
-
-
 function Right() {
     return (
         <box class="right" hexpand halign={Gtk.Align.END} spacing={6}>
@@ -148,20 +150,34 @@ function Right() {
 function BatteryIcon(): JSX.Element {
     if (battery.get_state() == 0) return <box />;
     let batteryPercentage = createBinding(battery, "percentage");
-    return <button class="battery-item" onClicked={() => execAsync(['gnome-power-statistics'])}>
-        <box>
-            <With value={batteryPercentage}>
-                {(percentage) => {
-                    const thresholds = [...Array(11).keys()].map(i => i * 10);
-                    const icon = thresholds.find(threshold => threshold >= percentage * 100)
-                    const charging_name = battery.percentage >= 0.99 ? "charged" : "charging"
-                    return <image
-                        iconName={battery.charging ? `battery-level-${icon}-${charging_name}-symbolic` : `battery-level-${icon}-symbolic`}
-                    />
-                }}
-            </With>
-        </box>
-    </button>
+    return (
+        <button
+            class="battery-item"
+            onClicked={() => execAsync(["gnome-power-statistics"])}
+        >
+            <box>
+                <With value={batteryPercentage}>
+                    {(percentage) => {
+                        const thresholds = [...Array(11).keys()].map((i) => i * 10);
+                        const icon = thresholds.find(
+                            (threshold) => threshold >= percentage * 100,
+                        );
+                        const charging_name =
+                            battery.percentage >= 0.99 ? "charged" : "charging";
+                        return (
+                            <image
+                                iconName={
+                                    battery.charging
+                                        ? `battery-level-${icon}-${charging_name}-symbolic`
+                                        : `battery-level-${icon}-symbolic`
+                                }
+                            />
+                        );
+                    }}
+                </With>
+            </box>
+        </button>
+    );
 }
 
 function Icons() {
@@ -170,7 +186,7 @@ function Icons() {
             <SysTray />
             <BatteryIcon />
         </box>
-    )
+    );
 }
 
 function Volume(): JSX.Element {
@@ -178,42 +194,51 @@ function Volume(): JSX.Element {
 
     const audio = wirePlumber.audio;
     const icon = createBinding(audio.default_speaker, "volume").as((volume) => {
-        const vol = volume * 100
+        const vol = volume * 100;
         const icon = [
-            [101, 'overamplified'],
-            [67, 'high'],
-            [34, 'medium'],
-            [1, 'low'],
-            [0, 'muted'],
-        ].find(([threshold]) => Number(threshold) <= vol)?.[1]
-        return `audio-volume-${icon}-symbolic`
+            [101, "overamplified"],
+            [67, "high"],
+            [34, "medium"],
+            [1, "low"],
+            [0, "muted"],
+        ].find(([threshold]) => Number(threshold) <= vol)?.[1];
+        return `audio-volume-${icon}-symbolic`;
     });
     const css = createBinding(audio.default_speaker, "mute").as((mute) => {
-        return mute ? "margin-left:0;" : "margin-left: 0.7em;"
+        return mute ? "margin-left:0;" : "margin-left: 0.7em;";
     });
     let volume = createBinding(audio.default_speaker, "volume");
     let mute = createBinding(audio.default_speaker, "mute");
     return (
-        <button class="item blue" onClicked={() => audio.default_speaker.mute = !audio.default_speaker.mute}>
+        <button
+            class="item blue"
+            onClicked={() =>
+                (audio.default_speaker.mute = !audio.default_speaker.mute)
+            }
+        >
             <box>
                 <image iconName={icon} />
                 <With value={volume}>
-                    {(vol) => <box>
-                        <With value={mute}>
-                            {(muted) => {
-                                return (
-                                    <label label={muted ? "" : `${Math.floor(vol * 100)}%`} css={css} />
-                                )
-                            }}
-                        </With>
-                    </box>}
+                    {(vol) => (
+                        <box>
+                            <With value={mute}>
+                                {(muted) => {
+                                    return (
+                                        <label
+                                            label={muted ? "" : `${Math.floor(vol * 100)}%`}
+                                            css={css}
+                                        />
+                                    );
+                                }}
+                            </With>
+                        </box>
+                    )}
                 </With>
             </box>
         </button>
     );
 }
 
-
 function Workspaces(): JSX.Element {
     const hyprland = Hyprland.get_default();
     let workspaces = createBinding(hyprland, "workspaces");
@@ -224,14 +249,24 @@ function Workspaces(): JSX.Element {
                     <box>
                         <With value={createBinding(hyprland, "focusedMonitor")}>
                             {(fm: Hyprland.Monitor) => {
-                                let filtered_wss = new Accessor(() => wss.sort((a, b) => a.id - b.id)
-                                    .filter(ws => ws && ws.get_monitor() && ws.get_monitor().get_id() === fm.get_id()))
+                                let filtered_wss = new Accessor(() =>
+                                    wss
+                                        .sort((a, b) => a.id - b.id)
+                                        .filter(
+                                            (ws) =>
+                                                ws &&
+                                                ws.get_monitor() &&
+                                                ws.get_monitor().get_id() === fm.get_id(),
+                                        ),
+                                );
                                 return (
                                     <box>
                                         <For each={filtered_wss}>
                                             {(ws: Hyprland.Workspace, _index) => (
                                                 <button
-                                                    class={createBinding(hyprland, "focusedWorkspace").as((fw) => ws === fw ? "focused" : "",)}
+                                                    class={createBinding(hyprland, "focusedWorkspace").as(
+                                                        (fw) => (ws === fw ? "focused" : ""),
+                                                    )}
                                                     onClicked={() => ws.focus()}
                                                 >
                                                     {`${ws.id}`.slice(-1)}
@@ -239,7 +274,7 @@ function Workspaces(): JSX.Element {
                                             )}
                                         </For>
                                     </box>
-                                )
+                                );
                             }}
                         </With>
                     </box>
@@ -250,12 +285,12 @@ function Workspaces(): JSX.Element {
 }
 
 function shorten(title: string) {
-    return title.length > 40 ? title.slice(0, 20) + "..." : title
+    return title.length > 40 ? title.slice(0, 20) + "..." : title;
 }
 
 function Clients(): JSX.Element {
     const hyprland = Hyprland.get_default();
-    let clients = createBinding(hyprland, "clients")
+    let clients = createBinding(hyprland, "clients");
     return (
         <box>
             <With value={createBinding(hyprland, "focusedWorkspace")}>
@@ -263,36 +298,44 @@ function Clients(): JSX.Element {
                     <box class="clients">
                         <With value={clients}>
                             {(cls: Array<Hyprland.Client>) => {
-                                let filtered_clients = new Accessor(() => cls
-                                    .sort((a, b) => a.pid - b.pid)
-                                    .filter(cl => !cl.title.includes("rofi"))
-                                    .filter(cl => fw && cl.get_workspace().get_id() === fw.get_id()))
+                                let filtered_clients = new Accessor(() =>
+                                    cls
+                                        .sort((a, b) => a.pid - b.pid)
+                                        .filter((cl) => !cl.title.includes("rofi"))
+                                        .filter(
+                                            (cl) => fw && cl.get_workspace().get_id() === fw.get_id(),
+                                        ),
+                                );
 
                                 return (
                                     <box>
                                         <For each={filtered_clients}>
                                             {(cl: Hyprland.Client, _index) => (
                                                 <box
-                                                    class={createBinding(hyprland, "focusedClient").as(a => a && a.address === cl.address ? "focused" : "unfocused")}
+                                                    class={createBinding(hyprland, "focusedClient").as(
+                                                        (a) =>
+                                                            a && a.address === cl.address
+                                                                ? "focused"
+                                                                : "unfocused",
+                                                    )}
                                                 >
-                                                    <image
-                                                        iconName={getIconName(cl)}
-                                                        class="app-icon"
+                                                    <image iconName={getIconName(cl)} class="app-icon" />
+                                                    <label
+                                                        label={createBinding(cl, "title").as((title) =>
+                                                            shorten(title),
+                                                        )}
                                                     />
-                                                    <label label={createBinding(cl, 'title').as(title => shorten(title))} />
                                                 </box>
                                             )}
                                         </For>
                                     </box>
-                                )
-                            }
-                            }
+                                );
+                            }}
                         </With>
                     </box>
-                )
-                }
-            </With >
-        </box >
+                )}
+            </With>
+        </box>
     );
 }
 
@@ -304,15 +347,20 @@ export default function Bar(gdkmonitor: Gdk.Monitor, scaleFactor: number = 1) {
             gdkmonitor={gdkmonitor}
             css={"font-size: " + scaleFactor + "em;"}
             exclusivity={Astal.Exclusivity.EXCLUSIVE}
-            anchor={Astal.WindowAnchor.TOP | Astal.WindowAnchor.LEFT | Astal.WindowAnchor.RIGHT}
+            anchor={
+                Astal.WindowAnchor.TOP |
+                Astal.WindowAnchor.LEFT |
+                Astal.WindowAnchor.RIGHT
+            }
             application={app}
             class="Bar"
-            name="top-bar" >
+            name="top-bar"
+        >
             <centerbox class="window-box">
                 <Left $type="start" />
                 <Center $type="center" />
                 <Right $type="end" />
             </centerbox>
-        </window >
-    )
+        </window>
+    );
 }
diff --git a/home/ags/files/app.ts b/home/ags/files/app.ts
index 48c37cb..0fe4139 100644
--- a/home/ags/files/app.ts
+++ b/home/ags/files/app.ts
@@ -1,35 +1,40 @@
-import app from "ags/gtk4/app"
-import style from "./style.scss"
-import Bar from "./Bar"
+import app from "ags/gtk4/app";
+import style from "./style.scss";
+import Bar from "./Bar";
 import Hyprland from "gi://AstalHyprland";
-import NotificationPopups from "./notifications/NotificationPopups"
+import NotificationPopups from "./notifications/NotificationPopups";
 
 const hyprland = Hyprland.get_default();
 
 function find_main_monitor(): Hyprland.Monitor {
-    let monitors = hyprland.get_monitors()
+    let monitors = hyprland.get_monitors();
     for (let j = 0; j < monitors.length; j++) {
         for (const monitor of ["eDP", "DP", "HDMI-A"]) {
             for (let i = 0; i < monitors.length; i++) {
-                console.log("Checking monitor:", monitors[i].get_name(), "against", monitor + "-" + j)
+                console.log(
+                    "Checking monitor:",
+                    monitors[i].get_name(),
+                    "against",
+                    monitor + "-" + j,
+                );
                 if (monitors[i].get_name() == monitor + "-" + j) {
-                    return monitors[i]
+                    return monitors[i];
                 }
             }
         }
     }
-    return monitors[0]
+    return monitors[0];
 }
 
 function register_windows(monitor: Hyprland.Monitor) {
-    let gtkMonitor = app.get_monitors()[0]
-    let scale = (monitor.get_width() >= 3000) ? 1.2 : 1
-    Bar(gtkMonitor, scale)
-    NotificationPopups()
+    let gtkMonitor = app.get_monitors()[0];
+    let scale = monitor.get_width() >= 3000 ? 1.2 : 1;
+    Bar(gtkMonitor, scale);
+    NotificationPopups();
 }
 
 function switch_to_best_monitor() {
-    let mainMonitor = find_main_monitor()
+    let mainMonitor = find_main_monitor();
     for (var wd of app.get_windows()) {
         wd.destroy();
     }
@@ -37,17 +42,19 @@ function switch_to_best_monitor() {
 }
 
 hyprland.connect("monitor-added", (_, _monitor: Hyprland.Monitor) => {
-    switch_to_best_monitor()
-})
+    switch_to_best_monitor();
+});
 
 hyprland.connect("monitor-removed", () => {
-    switch_to_best_monitor()
-})
+    switch_to_best_monitor();
+});
+
+console.log("Trying to find the best monitor");
 
 app.start({
     css: style,
     iconTheme: "Papirus",
     main() {
-        switch_to_best_monitor()
+        switch_to_best_monitor();
     },
-})
+});
diff --git a/home/ags/files/env.d.ts b/home/ags/files/env.d.ts
index 792ebfd..467c0a4 100644
--- a/home/ags/files/env.d.ts
+++ b/home/ags/files/env.d.ts
@@ -1,21 +1,21 @@
 declare const SRC: string
 
 declare module "inline:*" {
-  const content: string
-  export default content
+    const content: string
+    export default content
 }
 
 declare module "*.scss" {
-  const content: string
-  export default content
+    const content: string
+    export default content
 }
 
 declare module "*.blp" {
-  const content: string
-  export default content
+    const content: string
+    export default content
 }
 
 declare module "*.css" {
-  const content: string
-  export default content
+    const content: string
+    export default content
 }
diff --git a/home/ags/files/notifications/Notification.tsx b/home/ags/files/notifications/Notification.tsx
index d1cc08c..08a90cd 100644
--- a/home/ags/files/notifications/Notification.tsx
+++ b/home/ags/files/notifications/Notification.tsx
@@ -1,34 +1,33 @@
-import Gtk from "gi://Gtk?version=4.0"
-import Gdk from "gi://Gdk?version=4.0"
-import Adw from "gi://Adw"
-import GLib from "gi://GLib"
-import AstalNotifd from "gi://AstalNotifd"
-import Pango from "gi://Pango"
-import { timeout } from "ags/time"
+import { Gtk, Gdk } from "ags/gtk4";
+import Adw from "gi://Adw";
+import GLib from "gi://GLib";
+import AstalNotifd from "gi://AstalNotifd";
+import Pango from "gi://Pango";
+import { timeout } from "ags/time";
 
 function isIcon(icon?: string | null) {
-    const iconTheme = Gtk.IconTheme.get_for_display(Gdk.Display.get_default()!)
-    return icon && iconTheme.has_icon(icon)
+    const iconTheme = Gtk.IconTheme.get_for_display(Gdk.Display.get_default()!);
+    return icon && iconTheme.has_icon(icon);
 }
 
 function fileExists(path: string) {
-    return GLib.file_test(path, GLib.FileTest.EXISTS)
+    return GLib.file_test(path, GLib.FileTest.EXISTS);
 }
 
 function time(time: number, format = "%H:%M") {
-    return GLib.DateTime.new_from_unix_local(time).format(format)!
+    return GLib.DateTime.new_from_unix_local(time).format(format)!;
 }
 
 function urgency(n: AstalNotifd.Notification) {
-    const { LOW, NORMAL, CRITICAL } = AstalNotifd.Urgency
+    const { LOW, NORMAL, CRITICAL } = AstalNotifd.Urgency;
     switch (n.urgency) {
         case LOW:
-            return "low"
+            return "low";
         case CRITICAL:
-            return "critical"
+            return "critical";
         case NORMAL:
         default:
-            return "normal"
+            return "normal";
     }
 }
 
@@ -36,12 +35,12 @@ export default function Notification({
     notification: n,
     onHoverLost,
 }: {
-    notification: AstalNotifd.Notification
-    onHoverLost: () => void
+    notification: AstalNotifd.Notification;
+    onHoverLost: () => void;
 }) {
     const timer = timeout(3000, () => {
-        onHoverLost()
-    })
+        onHoverLost();
+    });
     return (
         <Adw.Clamp maximumSize={400}>
             <box
@@ -49,7 +48,10 @@ export default function Notification({
                 class={`Notification ${urgency(n)}`}
                 orientation={Gtk.Orientation.VERTICAL}
             >
-                <Gtk.EventControllerMotion onEnter={() => timer.cancel()} onLeave={onHoverLost} />
+                <Gtk.EventControllerMotion
+                    onEnter={() => timer.cancel()}
+                    onLeave={onHoverLost}
+                />
                 <box class="header">
                     {(n.appIcon || isIcon(n.desktopEntry)) && (
                         <image
@@ -120,5 +122,5 @@ export default function Notification({
                 )}
             </box>
         </Adw.Clamp>
-    )
+    );
 }
diff --git a/home/ags/files/notifications/NotificationPopups.tsx b/home/ags/files/notifications/NotificationPopups.tsx
index 2a8aab9..484b17d 100644
--- a/home/ags/files/notifications/NotificationPopups.tsx
+++ b/home/ags/files/notifications/NotificationPopups.tsx
@@ -1,39 +1,39 @@
-import app from "ags/gtk4/app"
-import { Astal, Gtk } from "ags/gtk4"
-import AstalNotifd from "gi://AstalNotifd"
-import Notification from "./Notification"
-import { createBinding, For, createState, onCleanup } from "ags"
+import app from "ags/gtk4/app";
+import { Astal, Gtk } from "ags/gtk4";
+import AstalNotifd from "gi://AstalNotifd";
+import Notification from "./Notification";
+import { createBinding, For, createState, onCleanup } from "ags";
 
 export default function NotificationPopups() {
-    const monitors = createBinding(app, "monitors")
+    const monitors = createBinding(app, "monitors");
 
-    const notifd = AstalNotifd.get_default()
+    const notifd = AstalNotifd.get_default();
 
     const [notifications, setNotifications] = createState(
         new Array<AstalNotifd.Notification>(),
-    )
+    );
 
     const notifiedHandler = notifd.connect("notified", (_, id, replaced) => {
-        const notification = notifd.get_notification(id)
+        const notification = notifd.get_notification(id);
 
-        if (replaced && notifications.get().some(n => n.id === id)) {
-            setNotifications((ns) => ns.map((n) => (n.id === id ? notification : n)))
+        if (replaced && notifications.get().some((n) => n.id === id)) {
+            setNotifications((ns) => ns.map((n) => (n.id === id ? notification : n)));
         } else {
-            setNotifications((ns) => [notification, ...ns])
+            setNotifications((ns) => [notification, ...ns]);
         }
-    })
+    });
 
     const resolvedHandler = notifd.connect("resolved", (_, id) => {
-        setNotifications((ns) => ns.filter((n) => n.id !== id))
-    })
+        setNotifications((ns) => ns.filter((n) => n.id !== id));
+    });
 
     // technically, we don't need to cleanup because in this example this is a root component
     // and this cleanup function is only called when the program exits, but exiting will cleanup either way
     // but it's here to remind you that you should not forget to cleanup signal connections
     onCleanup(() => {
-        notifd.disconnect(notifiedHandler)
-        notifd.disconnect(resolvedHandler)
-    })
+        notifd.disconnect(notifiedHandler);
+        notifd.disconnect(resolvedHandler);
+    });
 
     return (
         <For each={monitors} cleanup={(win) => (win as Gtk.Window).destroy()}>
@@ -61,5 +61,5 @@ export default function NotificationPopups() {
                 </window>
             )}
         </For>
-    )
+    );
 }
diff --git a/home/ags/files/package.json b/home/ags/files/package.json
index 9805e00..6e5aa9d 100644
--- a/home/ags/files/package.json
+++ b/home/ags/files/package.json
@@ -1,5 +1,5 @@
 {
-  "dependencies": {
-    "ags": "*"
-  }
+    "dependencies": {
+        "ags": "*"
+    }
 }