From 01112c1f4223cd2510d68246eb6a365d30c78c39 Mon Sep 17 00:00:00 2001
From: bang9 <gusrn1423@naver.com>
Date: Tue, 27 Aug 2024 15:42:44 +0900
Subject: [PATCH] fix: date separator style issue

---
 src/components/chat/hooks/useBotStudioView.tsx | 1 +
 src/foundation/components/DateSeparator/css.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/chat/hooks/useBotStudioView.tsx b/src/components/chat/hooks/useBotStudioView.tsx
index 35da61cb2..1d03c0e46 100644
--- a/src/components/chat/hooks/useBotStudioView.tsx
+++ b/src/components/chat/hooks/useBotStudioView.tsx
@@ -99,4 +99,5 @@ export const useBotStudioView = () => {
 
 const dateSeparatorMargin = css`
   margin: 8px 0;
+  padding: 0 16px;
 `;
diff --git a/src/foundation/components/DateSeparator/css.ts b/src/foundation/components/DateSeparator/css.ts
index a019a28c7..8dce518a6 100644
--- a/src/foundation/components/DateSeparator/css.ts
+++ b/src/foundation/components/DateSeparator/css.ts
@@ -3,7 +3,7 @@ import { css } from '@linaria/core';
 export const dateSeparatorContainer = css`
   display: flex;
   flex-direction: row;
-  justify-content: center;
+  align-items: center;
 `;
 
 export const dateSeparatorLabel = css`