diff --git a/src/ui/components/ui/sidebar.tsx b/src/ui/components/ui/sidebar.tsx
index 4b8e5d4..004a381 100644
--- a/src/ui/components/ui/sidebar.tsx
+++ b/src/ui/components/ui/sidebar.tsx
@@ -27,7 +27,7 @@ import {
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state"
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
-const SIDEBAR_WIDTH = "16rem"
+const SIDEBAR_WIDTH = "4.5rem"
 const SIDEBAR_WIDTH_MOBILE = "18rem"
 const SIDEBAR_WIDTH_ICON = "3rem"
 const SIDEBAR_KEYBOARD_SHORTCUT = "b"
diff --git a/src/ui/pages/Settings.tsx b/src/ui/pages/Settings.tsx
index 951f391..b3a0f00 100644
--- a/src/ui/pages/Settings.tsx
+++ b/src/ui/pages/Settings.tsx
@@ -35,7 +35,8 @@ export default function Settings() {
   const fetchSettings = async () => {
     setLoading(true)
     try {
-      const res = await client.api.settings.$get()
+      // Corrected API call: remove .api prefix
+      const res = await client.settings.$get()
       if (res.ok) {
         const data = await res.json()
         setSettings(data)
@@ -45,6 +46,8 @@ export default function Settings() {
         setOpenaiImageModels(JSON.parse(data['openai_image_models'] || '[]'))
         setGoogleTextModels(JSON.parse(data['google_text_models'] || '[]'))
         setGoogleImageModels(JSON.parse(data['google_image_models'] || '[]'))
+      } else {
+        throw new Error(`Failed to fetch settings: ${res.status} ${res.statusText}`)
       }
     } catch (error) {
       console.error('Failed to fetch settings', error)
@@ -61,10 +64,16 @@ export default function Settings() {
   const saveSetting = async (key: string, value: string) => {
     setSaving((prev) => ({ ...prev, [key]: true }))
     try {
-      await client.api.settings[':key'].$put({
+      // Corrected API call: remove .api prefix
+      const res = await client.settings[':key'].$put({
         param: { key },
         json: { value },
       })
+
+      if (!res.ok) {
+        throw new Error(`Failed to save setting: ${res.status} ${res.statusText}`)
+      }
+
       setSettings((prev) => ({ ...prev, [key]: value }))
       toast({
         title: 'Success',