diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..593b87f
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "esbenp.prettier-vscode",
+    "dbaeumer.vscode-eslint",
+    "jpoissonnier.vscode-styled-components"
+  ]
+}
diff --git a/src/components/Toast/Toast.style.ts b/src/components/Toast/Toast.style.ts
index 15a0433..37f7a27 100644
--- a/src/components/Toast/Toast.style.ts
+++ b/src/components/Toast/Toast.style.ts
@@ -26,13 +26,15 @@ const setToastAnimation = ($duration: ToastDuration) => {
   switch ($duration) {
     case 'short':
       return css`
-        ${ToastFadeIn} ${FADE_DURATION}s ease-in forwards,
-        ${ToastFadeOut} ${FADE_DURATION}s ${SHORT_DURATION + FADE_DURATION}s ease-out forwards
+        animation:
+          ${ToastFadeIn} ${FADE_DURATION}s ease-in forwards,
+          ${ToastFadeOut} ${FADE_DURATION}s ${SHORT_DURATION + FADE_DURATION}s ease-out forwards;
       `;
     case 'long':
       return css`
-        ${ToastFadeIn} ${FADE_DURATION}s ease-in forwards,
-        ${ToastFadeOut} ${FADE_DURATION}s ${LONG_DURATION + FADE_DURATION}s ease-out forwards
+        animation:
+          ${ToastFadeIn} ${FADE_DURATION}s ease-in forwards,
+          ${ToastFadeOut} ${FADE_DURATION}s ${LONG_DURATION + FADE_DURATION}s ease-out forwards;
       `;
   }
 };
@@ -55,5 +57,5 @@ export const StyledToast = styled.div<StyledToastProps>`
   color: ${({ theme }) => theme.color.textBright};
   ${({ theme }) => theme.typo.body2};
 
-  animation: ${({ $duration }) => setToastAnimation($duration)};
+  ${({ $duration }) => setToastAnimation($duration)};
 `;