From a914f80a3cff59ee78bb88851ffbdb28b4205233 Mon Sep 17 00:00:00 2001
From: makabe <makabe.t@nds-tyo.co.jp>
Date: Tue, 11 Apr 2023 18:01:31 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=B9=E3=83=8A=E3=83=83=E3=82=AF=E3=83=90?=
 =?UTF-8?q?=E3=83=BC=E3=81=AE=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3=E3=82=92?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dictation_client/src/components/snackbar/index.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/dictation_client/src/components/snackbar/index.tsx b/dictation_client/src/components/snackbar/index.tsx
index 27b80b4..8b02ed9 100644
--- a/dictation_client/src/components/snackbar/index.tsx
+++ b/dictation_client/src/components/snackbar/index.tsx
@@ -42,17 +42,21 @@ const Snackbar: React.FC<SnackbarProps> = (props) => {
   return (
     <div className={`${styles.snackbar} ${isAlert} ${isShow}`}>
       {level === "error" ? (
+        <img src={reportWhite} className={styles.snackbarIcon} alt="check" />
+      ) : (
         <img
           src={checkCircleWhite}
           className={styles.snackbarIcon}
-          alt="check"
+          alt="report"
         />
-      ) : (
-        <img src={reportWhite} className={styles.snackbarIcon} alt="report" />
       )}
       <p className={styles.txNormal}>{message}</p>
       {level === "error" && (
-        <button type="button" onClick={onCloseSnackbar}>
+        <button
+          style={{ marginLeft: "auto" }}
+          type="button"
+          onClick={onCloseSnackbar}
+        >
           <img
             src={closeWhite}
             className={styles.snackbarIconClose}