diff --git a/src/index.css b/src/index.css
index 8acc300..0d91218 100644
--- a/src/index.css
+++ b/src/index.css
@@ -173,7 +173,7 @@
   /* 데스크탑 화면에서의 추가 스타일 */
   @media (min-width: 769px) {
     #root {
-      @apply px-4;
+      @apply px-0;
     }
     
     .desktop-container {
diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 6b3d87a..c45aaa8 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -1,4 +1,3 @@
-
 import React, { useState, useEffect } from 'react';
 import NavBar from '@/components/NavBar';
 import AddTransactionButton from '@/components/AddTransactionButton';
@@ -140,7 +139,7 @@ const Index = () => {
 
   return (
     <div className="min-h-screen bg-neuro-background pb-24">
-      <div className={`mx-auto px-4 ${isMobile ? 'w-full' : 'max-w-lg'}`}>
+      <div className="mx-auto px-4 desktop-container">
         <Header />
 
         {/* 목표 진행 상황 */}