diff --git a/frontend/src/pages/qna/QnAMainPage.js b/frontend/src/pages/qna/QnAMainPage.js
index 83b14db..f29f0c9 100644
--- a/frontend/src/pages/qna/QnAMainPage.js
+++ b/frontend/src/pages/qna/QnAMainPage.js
@@ -44,7 +44,7 @@ function QNAMainPage() {
if (error) return
오류: {error}
;
return (
-
+
{/* ── 진행 중인 세션 ── */}
@@ -109,7 +109,7 @@ function QNAMainPage() {
)}
-
+
);
}
diff --git a/frontend/src/pages/qna/QnAMainPage.module.css b/frontend/src/pages/qna/QnAMainPage.module.css
index 0d10f08..ea77492 100644
--- a/frontend/src/pages/qna/QnAMainPage.module.css
+++ b/frontend/src/pages/qna/QnAMainPage.module.css
@@ -1,9 +1,5 @@
/* ── 페이지 레이아웃 ── */
-.pageWrapper {
- min-height: 100vh;
- background: #f2f2f0;
- padding-top: 1px;
-}
+
.page {
min-height: 100vh;
@@ -11,7 +7,7 @@
margin: 0 auto;
padding: 0 16px;
box-sizing: border-box;
- background: #f2f2f0;
+ background: var(--gray20);
}
/* ── 섹션 공통 ── */
@@ -99,11 +95,19 @@
/* ── 지난 세션 목록 ── */
.icon {
- display: inline-block;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+
+ font-size: 22px;
+ width: 24px;
+ height: 24px;
+
+ margin-right: 14px;
+ vertical-align: middle;
position: relative;
- top: -2px;
+ top: -2px;
- margin-right: 20px;
transition: color 0.2s;
}