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`