From 75738c424fc363cf5bf1522575592b314800f51a Mon Sep 17 00:00:00 2001
From: Macbook <macbook@172-11-15-119.lightspeed.chrlnc.sbcglobal.net>
Date: Thu, 11 Jun 2026 16:41:18 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=20?=
 =?UTF-8?q?=EC=8B=9C=EC=8A=A4=ED=85=9C=20=EC=83=81=ED=83=9C=20=EC=8B=A0?=
 =?UTF-8?q?=ED=98=B8=EB=93=B1=20=EA=B0=80=EB=A1=9C=20=EB=B0=B0=EC=B9=98?=
 =?UTF-8?q?=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 frontend/src/components/DashboardPage.tsx | 4 +++-
 frontend/src/styles/dashboardCommand.css  | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/DashboardPage.tsx b/frontend/src/components/DashboardPage.tsx
index e939557..a1456e1 100644
--- a/frontend/src/components/DashboardPage.tsx
+++ b/frontend/src/components/DashboardPage.tsx
@@ -182,7 +182,8 @@ const DashboardPage: React.FC<Props> = ({ theme, onGoChart }) => {
 
             <section className="gc-dash-card">
               <h2 className="gc-dash-card-title">시스템 상태</h2>
-              <div className="gc-dash-card-inner gc-dash-sys-status">
+              <div className="gc-dash-card-inner">
+              <div className="gc-dash-sys-status">
                 {/* 전체 시스템 */}
                 <div className="gc-sys-tl-item">
                   <div className={`gc-traffic-light gc-traffic-light--${health}`} aria-label="시스템 상태">
@@ -242,6 +243,7 @@ const DashboardPage: React.FC<Props> = ({ theme, onGoChart }) => {
                   );
                 })()}
               </div>
+              </div>
             </section>
 
             <section className="gc-dash-card">
diff --git a/frontend/src/styles/dashboardCommand.css b/frontend/src/styles/dashboardCommand.css
index 4b9fcc9..8acdd71 100644
--- a/frontend/src/styles/dashboardCommand.css
+++ b/frontend/src/styles/dashboardCommand.css
@@ -326,13 +326,15 @@
   margin-top: 2px;
 }
 
-/* ── 시스템 상태 — 3열 신호등 ── */
+/* ── 시스템 상태 — 3열 신호등 (가로 배치) ── */
 .gc-dash-sys-status {
   display: flex;
+  flex-direction: row;
   align-items: flex-start;
   justify-content: space-around;
   gap: 8px;
   padding: 8px 4px;
+  width: 100%;
 }
 
 .gc-sys-tl-item {