diff --git a/package-lock.json b/package-lock.json
index 8308d013..bd7313c5 100644
Binary files a/package-lock.json and b/package-lock.json differ
diff --git a/package.json b/package.json
index 88006d7a..b73adf46 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "vite": "^3.2.3"
   },
   "dependencies": {
+    "@bugsnag/js": "^7.18.0",
     "@fortawesome/fontawesome-free": "^6.2.1",
     "@noble/secp256k1": "^1.7.0",
     "classnames": "^2.3.2",
diff --git a/src/app/ui.js b/src/app/ui.js
index 1a323cb9..5201845c 100644
--- a/src/app/ui.js
+++ b/src/app/ui.js
@@ -1,4 +1,5 @@
 import {prop} from "ramda"
+import Bugsnag from "@bugsnag/js"
 import {uuid} from "hurdak/lib/hurdak"
 import {navigate} from "svelte-routing"
 import {nip19} from 'nostr-tools'
diff --git a/src/main.js b/src/main.js
index e1652201..d80f2396 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,9 +1,13 @@
-import './app.css'
-import App from './App.svelte'
+import 'src/app.css'
+
+import Bugsnag from "@bugsnag/js"
+import App from 'src/App.svelte'
 
 // Annoying global always fails silently. Figure out an eslint rule instead
 window.find = null
 
+Bugsnag.start({apiKey: "2ea412feabfe14dc9849c6f0b4fa7003"})
+
 const app = new App({
   target: document.getElementById('app')
 })
diff --git a/src/partials/Toggle.svelte b/src/partials/Toggle.svelte
index 3e82a078..d52cf296 100644
--- a/src/partials/Toggle.svelte
+++ b/src/partials/Toggle.svelte
@@ -18,12 +18,12 @@
   onColor="#ccc"
   offColor="#ccc"
   onHandleColor="#EB5E28"
-  handleDiameter={26}
+  handleDiameter={20}
   unCheckedIcon={false}
   boxShadow="0px 1px 5px rgba(0, 0, 0, 0.6)"
   activeBoxShadow="0px 0px 1px 10px rgba(0, 0, 0, 0.2)"
   height={20}
-  width={48}>
+  width={36}>
   <span slot="checkedIcon" />
   <span slot="unCheckedIcon" />
 </Switch>
diff --git a/src/routes/Settings.svelte b/src/routes/Settings.svelte
index 4af3238f..a07809dc 100644
--- a/src/routes/Settings.svelte
+++ b/src/routes/Settings.svelte
@@ -37,8 +37,10 @@
     </div>
     <div class="flex flex-col gap-8 w-full">
       <div class="flex flex-col gap-1">
-        <strong>Show Link Previews</strong>
-        <Toggle bind:value={values.showLinkPreviews} />
+        <div class="flex gap-2 items-center">
+          <strong>Show Link Previews</strong>
+          <Toggle bind:value={values.showLinkPreviews} />
+        </div>
         <p class="text-sm text-light">
           If enabled, coracle will automatically retrieve a link preview for the first link
           in any note.