From 55296641c9a0ebe50c119a9f33326bc88ae84860 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 16 Mar 2025 06:02:05 +0000
Subject: [PATCH] Investigate layout width issue

The layout width is not behaving as expected. Further investigation is needed to identify the cause.
---
 src/components/analytics/CategorySpendingList.tsx | 2 +-
 src/components/analytics/PeriodSelector.tsx       | 2 +-
 src/pages/Analytics.tsx                           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/analytics/CategorySpendingList.tsx b/src/components/analytics/CategorySpendingList.tsx
index e7f1468..30b1b73 100644
--- a/src/components/analytics/CategorySpendingList.tsx
+++ b/src/components/analytics/CategorySpendingList.tsx
@@ -31,7 +31,7 @@ const CategorySpendingList: React.FC<CategorySpendingListProps> = ({
   };
 
   return (
-    <div className={`neuro-card mb-6 ${isMobile ? 'w-full' : ''}`}>
+    <div className="neuro-card mb-6 w-full">
       {categories.some(cat => cat.current > 0) ? (
         <div className="space-y-4">
           {categories.map((category) => (
diff --git a/src/components/analytics/PeriodSelector.tsx b/src/components/analytics/PeriodSelector.tsx
index d57d824..56f9778 100644
--- a/src/components/analytics/PeriodSelector.tsx
+++ b/src/components/analytics/PeriodSelector.tsx
@@ -17,7 +17,7 @@ const PeriodSelector: React.FC<PeriodSelectorProps> = ({
   const isMobile = useIsMobile();
 
   return (
-    <div className={`flex items-center justify-between mb-6 ${isMobile ? 'w-full' : ''} w-full`}>
+    <div className="flex items-center justify-between mb-6 w-full">
       <button 
         className="neuro-flat p-2 rounded-full"
         onClick={onPrevPeriod}
diff --git a/src/pages/Analytics.tsx b/src/pages/Analytics.tsx
index 7bb95a8..f7ef2eb 100644
--- a/src/pages/Analytics.tsx
+++ b/src/pages/Analytics.tsx
@@ -79,7 +79,7 @@ const Analytics = () => {
   
   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 ${isMobile ? 'w-full px-4' : 'max-w-lg px-4'}`}>
         {/* Header */}
         <header className="py-8 w-full">
           <h1 className="text-2xl font-bold neuro-text mb-5">지출 분석</h1>