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}