diff --git a/app/composables/useSettings.ts b/app/composables/useSettings.ts
index 533c03042b..8e1d08f125 100644
--- a/app/composables/useSettings.ts
+++ b/app/composables/useSettings.ts
@@ -38,6 +38,7 @@ export interface AppSettings {
     /** Automatically open the web auth page in the browser */
     autoOpenURL: boolean
   }
+  /** Container width on code page */
   codeContainerFull: boolean
   sidebar: {
     collapsed: string[]
@@ -64,7 +65,7 @@ const DEFAULT_SETTINGS: AppSettings = {
   connector: {
     autoOpenURL: false,
   },
-  codeContainerFull: false,
+  codeContainerFull: true,
   sidebar: {
     collapsed: [],
   },
diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
index fc2bb60c63..714833a95f 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -292,7 +292,7 @@ onPrehydrate(el => {
   const settingsSaved = JSON.parse(localStorage.getItem('npmx-settings') || '{}')
   const container = el.querySelector('#code-page-container')
 
-  if (settingsSaved?.codeContainerFull === true && container) {
+  if (settingsSaved?.codeContainerFull !== false && container) {
     container.classList.add('container-full')
   }
 })