From 3612f2cb80444650b2e998eb2d6799b09872d96a Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Mon, 10 Nov 2025 23:07:17 +0900
Subject: [PATCH] [Refactor] MessageFormats: Improve reusability of setting
 container templates.

---
 .../setting_box/_templates/Templates.jsx      | 20 +++++++++++--------
 .../_templates/Templates.module.scss          |  8 --------
 2 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.jsx b/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.jsx
index b9050ab9..b74b9f2f 100644
--- a/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.jsx
+++ b/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.jsx
@@ -155,13 +155,17 @@ export const DownloadModelsContainer = (props) => (
 
 export const MessageFormatContainer = (props) => {
     return (
-        <div className={clsx(styles.container, styles.flex_column)}>
-            <div className={styles.label_only_section}>
-                <LabelComponent label={props.label} desc={props.desc} />
-            </div>
-            <div className={styles.message_format_section}>
-                <MessageFormat {...props}/>
-            </div>
-        </div>
+        <>
+            <CommonContainer
+                remove_border_bottom={true}
+                label_type="label_only"
+                {...props}
+            />
+            <CommonContainer
+                Component={MessageFormat}
+                label_type="no_label"
+                {...props}
+            />
+        </>
     );
 };
\ No newline at end of file
diff --git a/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.module.scss b/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.module.scss
index 41360598..6767471d 100644
--- a/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.module.scss
+++ b/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.module.scss
@@ -19,10 +19,6 @@
     }
 }
 
-.label_only_section {
-    width: 100%;
-}
-
 .deepl_auth_key_label_section {
     max-width: 34rem;
     display: flex;
@@ -30,8 +26,4 @@
     justify-content: space-between;
     align-items: center;
     gap: 1.4rem;
-}
-
-.message_format_section {
-    width: 100%;
 }
\ No newline at end of file