diff --git a/desktop/src/App.vue b/desktop/src/App.vue
index c6dd13c..e94d49e 100644
--- a/desktop/src/App.vue
+++ b/desktop/src/App.vue
@@ -360,7 +360,10 @@ const editNote = async (id: number, content: string) => {
 
 .main-container {
   display: grid;
-  grid-template-columns: 380px 1fr;
+  grid-template-columns: 380px minmax(0, 986px);
+  justify-content: center;
+  max-width: 1366px;
+  margin: 0 auto;
   height: 100vh;
   overflow: hidden;
 }
diff --git a/desktop/src/components/ConfirmModal.vue b/desktop/src/components/ConfirmModal.vue
index 4b60075..3c6ddba 100644
--- a/desktop/src/components/ConfirmModal.vue
+++ b/desktop/src/components/ConfirmModal.vue
@@ -92,9 +92,10 @@ const getIconPath = () => {
   inset: 0;
   z-index: 50;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: center;
   padding: 1rem;
+  padding-top: 15vh;
   background-color: var(--color-background-overlay);
 }
 
diff --git a/desktop/src/components/SettingsPanel.vue b/desktop/src/components/SettingsPanel.vue
index ef97788..3af92bd 100644
--- a/desktop/src/components/SettingsPanel.vue
+++ b/desktop/src/components/SettingsPanel.vue
@@ -826,9 +826,10 @@ defineExpose({ openSettings });
   inset: 0;
   z-index: 50;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: center;
   padding: 1.5rem;
+  padding-top: 10vh;
 }
 
 .modal-overlay.conflict-modal,