diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index a17aa37..52a81a8 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -70,6 +70,9 @@
   "ERROR_CAN_NOT_FIND_NOTE_TO_EDIT": {
     "message": "Can't find note"
   },
+  "EDIT_NOTE_SUCCESS": {
+    "message": "Your changes was succesfully saved"
+  },
   "DELETE_NOTE": {
     "message": "Delete note $noteText$",
     "placeholders": {
@@ -79,6 +82,12 @@
       }
     }
   },
+  "DELETE_NOTE_SUCCESS": {
+    "message": "Note was successfully deleted"
+  },
+  "ADD_NOTE_SUCCESS": {
+    "message": "Note was successfully added"
+  },
   "ERROR_CAN_NOT_FIND_NOTE_TO_DELETE": {
     "message": "Can't find note"
   },
@@ -156,5 +165,20 @@
   },
   "TOAST_BUTTON_OPEN_DETAILS": {
     "message": "Open details"
+  },
+  "ERROR_LIST_NO_ITEMS": {
+    "message": "No logs"
+  },
+  "FACING_PROBLEMS": {
+    "message": "Facing problems? Send logs to us"
+  },
+  "FACING_PROBLEMS_HELP": {
+    "message": "Ask for help"
+  },
+  "SETTINGS_OPEN": {
+    "message": "Settings"
+  },
+  "CLEAR": {
+    "message": "Clear"
   }
 }
\ No newline at end of file
diff --git a/src/__tests__/setupTests.ts b/src/__tests__/setupTests.ts
index 2215572..7cb7941 100644
--- a/src/__tests__/setupTests.ts
+++ b/src/__tests__/setupTests.ts
@@ -1,12 +1,3 @@
-import { vi } from 'vitest'
-
-import * as toastModule from '@popup/shared/ui/Toast'
-import { getErrorToastMock } from '@popup/shared/ui/Toast/helpers/__mock__/getErrorToast'
-import { addToastMock } from '@popup/shared/ui/Toast/model/__mock__/store'
-
 import { chromeMock } from '@shared/shared/browser/__mocks__/chrome'
 
 global.chrome = chromeMock
-
-vi.spyOn(toastModule, 'getErrorToast').mockImplementation(getErrorToastMock)
-vi.spyOn(toastModule, 'addToast').mockImplementation(addToastMock)
diff --git a/src/popup/app/Popup.tsx b/src/popup/app/Popup.tsx
index 66caaa0..c9c79cc 100644
--- a/src/popup/app/Popup.tsx
+++ b/src/popup/app/Popup.tsx
@@ -1,14 +1,14 @@
 import { NoteList } from '@popup/widgets/note/NoteList'
 import { Settings } from '@popup/widgets/settings'
 
-import { Toasts } from '@popup/shared/ui/Toast'
+import { ErrorAlert } from '@popup/entities/error'
 
 export const Popup = () => {
   return (
     <main>
+      <ErrorAlert />
       <Settings />
       <NoteList />
-      <Toasts />
     </main>
   )
 }
diff --git a/src/popup/app/styles.scss b/src/popup/app/styles.scss
index 08a484d..af73885 100644
--- a/src/popup/app/styles.scss
+++ b/src/popup/app/styles.scss
@@ -96,17 +96,28 @@ h2 {
 main {
   width: 320px;
   height: 480px;
+  padding: var(--spacing-5) var(--spacing-2);
+  overflow-y: auto;
+  scrollbar-gutter: stable both-edges;
+}
+
+ul {
+  list-style: none;
+}
+
+.settings-opener {
+  margin-inline: auto 0;
+  margin-bottom: var(--spacing-2);
 }
 
 .form {
-  &__title {
-    margin-bottom: var(--spacing-2);
-  }
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
 
   &__footer {
     display: flex;
     gap: var(--spacing-2);
     justify-content: flex-end;
-    margin-top: var(--spacing-2);
   }
 }
diff --git a/src/popup/entities/error/ui/ErrorAlert/index.tsx b/src/popup/entities/error/ui/ErrorAlert/index.tsx
new file mode 100644
index 0000000..6662990
--- /dev/null
+++ b/src/popup/entities/error/ui/ErrorAlert/index.tsx
@@ -0,0 +1,20 @@
+import { useStore } from '@nanostores/preact'
+
+import { browser } from '@popup/shared/browser'
+
+import { $errors } from '@shared/entities/error'
+
+export const ErrorAlert = () => {
+  const errors = useStore($errors)
+
+  if (!errors.length) return null
+
+  return (
+    <span>
+      {browser.i18n.getMessage('FACING_PROBLEMS')} <br />
+      <a href="https://github.com/Rue-pro/Flashcardis/issues" target="_blank">
+        {browser.i18n.getMessage('FACING_PROBLEMS_HELP')}
+      </a>
+    </span>
+  )
+}
diff --git a/src/popup/entities/error/ui/ErrorCard/index.tsx b/src/popup/entities/error/ui/ErrorCard/index.tsx
deleted file mode 100644
index 50cde95..0000000
--- a/src/popup/entities/error/ui/ErrorCard/index.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { TBaseError } from '@shared/shared/libs/operationResult'
-
-interface Props {
-  error: TBaseError
-}
-
-export const ErrorCard = ({ error }: Props) => {
-  return (
-    <div>
-      {error.type} {error.error}
-    </div>
-  )
-}
diff --git a/src/popup/entities/error/ui/ErrorList/index.tsx b/src/popup/entities/error/ui/ErrorList/index.tsx
index fefbed7..59c84f7 100644
--- a/src/popup/entities/error/ui/ErrorList/index.tsx
+++ b/src/popup/entities/error/ui/ErrorList/index.tsx
@@ -1,19 +1,37 @@
 import { useStore } from '@nanostores/preact'
 
-import { $errors } from '@shared/entities/error'
+import { browser } from '@popup/shared/browser'
+import { Button } from '@popup/shared/ui/Button'
 
-import { ErrorCard } from '../ErrorCard'
+import { $errors, reset } from '@shared/entities/error'
+
+import styles from './styles.module.scss'
 
 export const ErrorList = () => {
   const errors = useStore($errors)
 
+  if (!errors.length)
+    return <span>{browser.i18n.getMessage('ERROR_LIST_NO_ITEMS')}</span>
+
   return (
-    <ul>
-      <li>
-        {errors.map((error) => (
-          <ErrorCard error={error} />
+    <>
+      <Button
+        className={styles['clear-button']}
+        onClick={reset}
+        variant="secondary"
+      >
+        {browser.i18n.getMessage('CLEAR')}
+      </Button>
+      <ul className={styles.errors}>
+        {errors.map((error, index) => (
+          <li key={index}>
+            {error.type}
+            {error.error?.name}
+            {error.error?.message}
+            {error.error?.stack}
+          </li>
         ))}
-      </li>
-    </ul>
+      </ul>
+    </>
   )
 }
diff --git a/src/popup/entities/error/ui/ErrorList/styles.module.scss b/src/popup/entities/error/ui/ErrorList/styles.module.scss
new file mode 100644
index 0000000..d6d8e36
--- /dev/null
+++ b/src/popup/entities/error/ui/ErrorList/styles.module.scss
@@ -0,0 +1,11 @@
+.errors {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  overflow-wrap: break-word;
+}
+
+.clear-button {
+  margin-inline: auto 0;
+  margin-bottom: var(--spacing-2);
+}
diff --git a/src/popup/entities/error/ui/index.ts b/src/popup/entities/error/ui/index.ts
index 0acb133..b788225 100644
--- a/src/popup/entities/error/ui/index.ts
+++ b/src/popup/entities/error/ui/index.ts
@@ -1 +1,2 @@
 export { ErrorList } from './ErrorList'
+export { ErrorAlert } from './ErrorAlert'
diff --git a/src/popup/entities/note/ui/NoteCard/styles.module.scss b/src/popup/entities/note/ui/NoteCard/styles.module.scss
index 1ae9ec3..7c50b48 100644
--- a/src/popup/entities/note/ui/NoteCard/styles.module.scss
+++ b/src/popup/entities/note/ui/NoteCard/styles.module.scss
@@ -3,7 +3,7 @@
   grid-template-columns: 1fr auto;
   gap: var(--spacing-2);
   justify-content: space-between;
-  padding: var(--spacing-4);
+  padding: var(--spacing-1);
   border-bottom: 1px solid var(--color-neutral-200);
 
   &__content {
diff --git a/src/popup/entities/tab/index.ts b/src/popup/entities/tab/index.ts
index c7073cb..debb5fb 100644
--- a/src/popup/entities/tab/index.ts
+++ b/src/popup/entities/tab/index.ts
@@ -1,7 +1,6 @@
 import { atom, onMount, task } from 'nanostores'
 
 import { browser } from '@popup/shared/browser'
-import { addToast, getErrorToast } from '@popup/shared/ui/Toast'
 
 import { TTab } from '@shared/shared/browser/tabs'
 
@@ -11,10 +10,6 @@ onMount($activeTab, () => {
   task(async () => {
     const getResult = await browser.tabs.getActiveTab()
 
-    if (getResult.data) {
-      $activeTab.set(getResult.data)
-    } else {
-      addToast(getErrorToast(getResult.error))
-    }
+    getResult.data && $activeTab.set(getResult.data)
   })
 })
diff --git a/src/popup/features/dictionary/SelectDictionaryVariant/ui/SelectDictionaryList.tsx b/src/popup/features/dictionary/SelectDictionaryVariant/ui/SelectDictionaryList.tsx
index 04d61df..968a213 100644
--- a/src/popup/features/dictionary/SelectDictionaryVariant/ui/SelectDictionaryList.tsx
+++ b/src/popup/features/dictionary/SelectDictionaryVariant/ui/SelectDictionaryList.tsx
@@ -24,6 +24,7 @@ export const SelectDictionaryList = () => {
             <TabsList arrows={true}>
               {languages.map((language) => (
                 <Tab
+                  key={language.value}
                   value={language.value}
                   {...a11yProps('language_navigation', language.value)}
                 >
@@ -34,6 +35,7 @@ export const SelectDictionaryList = () => {
             {languages.map((language) => {
               return (
                 <TabPanel
+                  key={language.value}
                   {...a11yProps('language_navigation', language.value)}
                   value={language.value}
                 >
diff --git a/src/popup/features/dictionary/SelectDictionaryVariant/ui/SelectDictionaryVariant.tsx b/src/popup/features/dictionary/SelectDictionaryVariant/ui/SelectDictionaryVariant.tsx
index b85dc8e..08cecdb 100644
--- a/src/popup/features/dictionary/SelectDictionaryVariant/ui/SelectDictionaryVariant.tsx
+++ b/src/popup/features/dictionary/SelectDictionaryVariant/ui/SelectDictionaryVariant.tsx
@@ -2,7 +2,6 @@ import { DictionaryCard } from '@popup/entities/dictionary'
 
 import { browser } from '@popup/shared/browser'
 import { Button } from '@popup/shared/ui/Button'
-import { addToast } from '@popup/shared/ui/Toast'
 
 import {
   IDictionaryWithVariants,
@@ -18,14 +17,8 @@ interface GroupProps {
 }
 
 export const SelectDictionaryVariant = ({ dictionary, lang }: GroupProps) => {
-  const onSelectVariant = async (variant: string) => {
-    const result = await dictionaryStore.selectVariant(
-      lang,
-      dictionary.id,
-      variant,
-    )
-
-    result.error && addToast({ title: result.error.type, type: 'error' })
+  const onSelectVariant = (variant: string) => {
+    dictionaryStore.selectVariant(lang, dictionary.id, variant)
   }
 
   return (
diff --git a/src/popup/features/language/SelectLanguages/ui/SelectLanguages.tsx b/src/popup/features/language/SelectLanguages/ui/SelectLanguages.tsx
index 6d4b80f..32766e6 100644
--- a/src/popup/features/language/SelectLanguages/ui/SelectLanguages.tsx
+++ b/src/popup/features/language/SelectLanguages/ui/SelectLanguages.tsx
@@ -1,12 +1,15 @@
 import { useStore } from '@nanostores/preact'
 import { JSXInternal } from 'node_modules/preact/src/jsx'
+import { useState } from 'preact/hooks'
 
 import { browser } from '@popup/shared/browser'
 import { Button } from '@popup/shared/ui/Button'
-import { addToast, getErrorToast } from '@popup/shared/ui/Toast'
+import { Result } from '@popup/shared/ui/Result'
 
 import { ILanguage } from '@shared/entities/language'
 
+import { TResult } from '@shared/shared/libs/operationResult'
+
 import {
   checkIsSelected,
   localStore,
@@ -20,6 +23,7 @@ interface Props {
 }
 
 export const SelectLanguages = ({ languages }: Props) => {
+  const [result, setResult] = useState<TResult | null>(null)
   useStore(localStore.languageCodes)
 
   const onSubmit: JSXInternal.SubmitEventHandler<HTMLFormElement> = async (
@@ -27,21 +31,17 @@ export const SelectLanguages = ({ languages }: Props) => {
   ) => {
     e.preventDefault()
     const result = await syncLocalStoreWithLanguageStore()
-    result.data &&
-      addToast({
-        type: 'success',
-        title: result.data,
-      })
-    result.error && addToast(getErrorToast(result.error))
+    setResult(result)
   }
 
   return (
     <form
+      className="form"
       name="select_languages"
       aria-labelledby="selectLanguageFormTitle"
       onSubmit={onSubmit}
     >
-      <h2 id="selectLanguageFormTitle" className="form__title">
+      <h2 id="selectLanguageFormTitle">
         {browser.i18n.getMessage('SELECT_LANGUAGES_FORM_TITLE')}
       </h2>
 
@@ -63,6 +63,8 @@ export const SelectLanguages = ({ languages }: Props) => {
         ))}
       </ul>
 
+      <Result result={result} />
+
       <footer className="form__footer">
         <Button variant="secondary" onClick={reset}>
           {browser.i18n.getMessage('CANCEL')}
diff --git a/src/popup/features/note/DeleteNote/ui/index.tsx b/src/popup/features/note/DeleteNote/ui/index.tsx
index 341c029..4c4b617 100644
--- a/src/popup/features/note/DeleteNote/ui/index.tsx
+++ b/src/popup/features/note/DeleteNote/ui/index.tsx
@@ -1,6 +1,5 @@
 import { browser } from '@popup/shared/browser'
 import { Button } from '@popup/shared/ui/Button'
-import { addToast, getErrorToast } from '@popup/shared/ui/Toast'
 import { DeleteIcon } from '@popup/shared/ui/icons/DeleteIcon'
 
 import { TLanguageCode } from '@shared/entities/language'
@@ -13,9 +12,8 @@ interface Props {
 }
 
 export const DeleteNote = ({ lang, noteId, noteText }: Props) => {
-  const onDelete = async (lang: TLanguageCode, noteId: string) => {
-    const result = await noteStore.deleteNote(lang, noteId)
-    result.error && addToast(getErrorToast(result.error))
+  const onDelete = (lang: TLanguageCode, noteId: string) => {
+    noteStore.deleteNote(lang, noteId)
   }
 
   return (
diff --git a/src/popup/features/note/EditNote/ui/index.tsx b/src/popup/features/note/EditNote/ui/index.tsx
index 12202b5..35e0023 100644
--- a/src/popup/features/note/EditNote/ui/index.tsx
+++ b/src/popup/features/note/EditNote/ui/index.tsx
@@ -3,19 +3,21 @@ import { useState } from 'preact/hooks'
 
 import { browser } from '@popup/shared/browser'
 import { Button } from '@popup/shared/ui/Button'
+import { Result } from '@popup/shared/ui/Result'
 import { Textarea } from '@popup/shared/ui/Textarea'
-import { addToast, getErrorToast } from '@popup/shared/ui/Toast'
 
 import { TLanguageCode } from '@shared/entities/language'
 import { INote, noteStore } from '@shared/entities/note'
 
+import { TResult } from '@shared/shared/libs/operationResult'
+
 import styles from './styles.module.scss'
 
 interface Props {
   lang: TLanguageCode
   note: INote
   onCancel: () => void
-  onSubmit: () => void
+  onSubmit?: () => void
 }
 
 export const EditNote = ({
@@ -24,6 +26,7 @@ export const EditNote = ({
   onCancel,
   onSubmit: outerOnSubmit,
 }: Props) => {
+  const [result, setResult] = useState<TResult | null>(null)
   const [fields, setFields] = useState<INote>(note)
 
   const onChange =
@@ -41,23 +44,18 @@ export const EditNote = ({
     e.preventDefault()
 
     const result = await noteStore.editNote(lang, fields)
-    if (result.data) {
-      addToast({
-        type: 'success',
-        title: result.data,
-      })
-      outerOnSubmit()
-    }
-    result.error && addToast(getErrorToast(result.error))
+    setResult(result)
+    if (result.data && outerOnSubmit) outerOnSubmit()
   }
 
   return (
     <form
+      className="form"
       name="edit_note"
       aria-labelledby="editNoteFormTitle"
       onSubmit={onSubmit}
     >
-      <h1 id="editNoteFormTitle" className="form__title">
+      <h1 id="editNoteFormTitle">
         {browser.i18n.getMessage('EDIT_NOTE_FORM_TITLE', fields.text)}
       </h1>
 
@@ -93,6 +91,8 @@ export const EditNote = ({
         />
       </div>
 
+      <Result result={result} />
+
       <footer className="form__footer">
         <Button variant="secondary" onClick={onCancel}>
           {browser.i18n.getMessage('CANCEL')}
diff --git a/src/popup/features/note/FillFlashcardForm/ui/FillFlashcardFormNotAvailable.tsx b/src/popup/features/note/FillFlashcardForm/ui/FillFlashcardFormNotAvailable.tsx
index b2495f2..3858377 100644
--- a/src/popup/features/note/FillFlashcardForm/ui/FillFlashcardFormNotAvailable.tsx
+++ b/src/popup/features/note/FillFlashcardForm/ui/FillFlashcardFormNotAvailable.tsx
@@ -1,5 +1,9 @@
 import { browser } from '@popup/shared/browser'
 
+import styles from './styles.module.scss'
+
 export const FillFlashcardFormNotAvailable = () => (
-  <span>{browser.i18n.getMessage('FILL_ANKI_FORM_NOT_AVAILABLE')}</span>
+  <span className={styles.alert}>
+    {browser.i18n.getMessage('FILL_ANKI_FORM_NOT_AVAILABLE')}
+  </span>
 )
diff --git a/src/popup/features/note/FillFlashcardForm/ui/styles.module.scss b/src/popup/features/note/FillFlashcardForm/ui/styles.module.scss
new file mode 100644
index 0000000..59c5ba6
--- /dev/null
+++ b/src/popup/features/note/FillFlashcardForm/ui/styles.module.scss
@@ -0,0 +1,6 @@
+.alert {
+  display: block;
+  padding: var(--spacing-1);
+  background-color: var(--color-neutral-100);
+  border-radius: var(--radius-1);
+}
diff --git a/src/popup/shared/ui/Alert/index.tsx b/src/popup/shared/ui/Alert/index.tsx
new file mode 100644
index 0000000..f73985f
--- /dev/null
+++ b/src/popup/shared/ui/Alert/index.tsx
@@ -0,0 +1,55 @@
+import cn from 'classnames'
+import { useState } from 'preact/hooks'
+
+import { browser } from '@popup/shared/browser'
+
+import { Button, TButtonColor } from '../Button'
+import { ErrorDetails } from '../ErrorDetails'
+import { Modal } from '../Modal'
+import styles from './styles.module.scss'
+import { IAlert, TAlertType } from './types'
+
+interface Props {
+  alert: IAlert
+}
+
+const mapToastTypeToButtonColor: Record<TAlertType, TButtonColor> = {
+  error: 'error',
+  info: 'info',
+  success: 'success',
+}
+
+export const Alert = ({ alert }: Props) => {
+  const [showDetails, setShowDetails] = useState<boolean>(false)
+
+  const { title, message, details, type } = alert
+
+  const alertClass = cn(styles.alert, styles[`alert--variant-${type}`])
+
+  return (
+    <div className={alertClass}>
+      <p className={cn(styles.alert__title, 'h2')}>{title}</p>
+
+      {typeof message === 'string' ? <p>{message}</p> : message}
+
+      {!!details && (
+        <>
+          <Button
+            variant="secondary"
+            color={mapToastTypeToButtonColor[type]}
+            onClick={() => setShowDetails(true)}
+          >
+            {browser.i18n.getMessage('TOAST_BUTTON_OPEN_DETAILS')}
+          </Button>
+
+          <Modal open={showDetails} onClose={() => setShowDetails(false)}>
+            <ErrorDetails
+              type={alert.type}
+              content={`${details?.name} ${details?.message} ${details?.stack}`}
+            />
+          </Modal>
+        </>
+      )}
+    </div>
+  )
+}
diff --git a/src/popup/shared/ui/Toast/ui/styles.module.scss b/src/popup/shared/ui/Alert/styles.module.scss
similarity index 63%
rename from src/popup/shared/ui/Toast/ui/styles.module.scss
rename to src/popup/shared/ui/Alert/styles.module.scss
index 54db392..5c874c5 100644
--- a/src/popup/shared/ui/Toast/ui/styles.module.scss
+++ b/src/popup/shared/ui/Alert/styles.module.scss
@@ -1,32 +1,12 @@
-.toasts {
-  position: fixed;
-  bottom: 0;
-  left: 50%;
+.alert {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-1);
-  width: 100%;
-  transform: translate(-50%, 0);
-}
-
-.toast {
-  display: flex;
-  gap: var(--spacing-2);
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: var(--spacing-3);
+  padding: var(--spacing-2);
   color: var(--text);
   background-color: var(--background);
   border-radius: var(--radius-1);
 
-  &__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacing-1);
-    align-items: flex-start;
-  }
-
   &__title {
     color: var(--title);
   }
diff --git a/src/popup/shared/ui/Alert/types.ts b/src/popup/shared/ui/Alert/types.ts
new file mode 100644
index 0000000..18724e1
--- /dev/null
+++ b/src/popup/shared/ui/Alert/types.ts
@@ -0,0 +1,9 @@
+import { ComponentChildren } from 'preact'
+
+export type TAlertType = 'error' | 'info' | 'success'
+export interface IAlert {
+  title: string
+  message?: ComponentChildren
+  details?: Error | null
+  type: TAlertType
+}
diff --git a/src/popup/shared/ui/Modal/index.tsx b/src/popup/shared/ui/Modal/index.tsx
index 66460c2..1c1f69c 100644
--- a/src/popup/shared/ui/Modal/index.tsx
+++ b/src/popup/shared/ui/Modal/index.tsx
@@ -35,7 +35,7 @@ export const Modal = ({ open, children, onClose }: Props) => {
         className={styles['modal__close-btn']}
         onClick={onClose}
         startIcon={<ClearIcon />}
-        capture={browser.i18n.getMessage('CLOSE')}
+        aria-label={browser.i18n.getMessage('CLOSE')}
       ></Button>
       {children}
     </dialog>,
diff --git a/src/popup/shared/ui/Modal/styles.module.scss b/src/popup/shared/ui/Modal/styles.module.scss
index 5924d27..05e1093 100644
--- a/src/popup/shared/ui/Modal/styles.module.scss
+++ b/src/popup/shared/ui/Modal/styles.module.scss
@@ -3,11 +3,12 @@
   max-width: 100%;
   height: 100%;
   max-height: 100%;
-  padding: var(--spacing-5);
+  padding: var(--spacing-5) var(--spacing-2);
   background-color: var(--color-neutral-50);
   border: none;
 
   &__close-btn {
     margin-inline: auto 0;
+    margin-bottom: var(--spacing-2);
   }
 }
diff --git a/src/popup/shared/ui/Result/index.tsx b/src/popup/shared/ui/Result/index.tsx
new file mode 100644
index 0000000..54f3332
--- /dev/null
+++ b/src/popup/shared/ui/Result/index.tsx
@@ -0,0 +1,28 @@
+import { TResult } from '@shared/shared/libs/operationResult'
+
+import { Alert } from '../Alert'
+
+export const Result = ({ result }: { result: TResult | null }) => {
+  if (!result) return null
+  return (
+    <>
+      {result.data && (
+        <Alert
+          alert={{
+            title: result.data,
+            type: 'success',
+          }}
+        />
+      )}
+      {result.error && (
+        <Alert
+          alert={{
+            title: result.error.type,
+            details: result.error.error,
+            type: 'error',
+          }}
+        />
+      )}
+    </>
+  )
+}
diff --git a/src/popup/shared/ui/Tabs/ui/styles.module.scss b/src/popup/shared/ui/Tabs/ui/styles.module.scss
index 754b4f7..0d48138 100644
--- a/src/popup/shared/ui/Tabs/ui/styles.module.scss
+++ b/src/popup/shared/ui/Tabs/ui/styles.module.scss
@@ -39,6 +39,7 @@
 
 .tab {
   cursor: pointer;
+  user-select: none;
   background-color: transparent;
   border-inline: none;
   border-top: none;
diff --git a/src/popup/shared/ui/Toast/helpers/__mock__/getErrorToast.ts b/src/popup/shared/ui/Toast/helpers/__mock__/getErrorToast.ts
deleted file mode 100644
index 6e7c326..0000000
--- a/src/popup/shared/ui/Toast/helpers/__mock__/getErrorToast.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { MockedFunction, vi } from 'vitest'
-
-import { getErrorToast } from '../getErrorToast'
-
-export const getErrorToastMock: MockedFunction<typeof getErrorToast> = vi.fn()
diff --git a/src/popup/shared/ui/Toast/helpers/getErrorToast.tsx b/src/popup/shared/ui/Toast/helpers/getErrorToast.tsx
deleted file mode 100644
index f7e5b3e..0000000
--- a/src/popup/shared/ui/Toast/helpers/getErrorToast.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { TBaseError } from '@shared/shared/libs/operationResult'
-
-import { ErrorDetails } from '../../ErrorDetails'
-import { IToast } from '../model/types'
-
-export const getErrorToast = (error: TBaseError): Omit<IToast, 'id'> => ({
-  type: 'error',
-  title: error.type,
-  details: (
-    <ErrorDetails type={error.type} content={error.error?.toString() ?? ''} />
-  ),
-})
diff --git a/src/popup/shared/ui/Toast/helpers/index.ts b/src/popup/shared/ui/Toast/helpers/index.ts
deleted file mode 100644
index 2aa4fcd..0000000
--- a/src/popup/shared/ui/Toast/helpers/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { getErrorToast } from './getErrorToast'
diff --git a/src/popup/shared/ui/Toast/index.tsx b/src/popup/shared/ui/Toast/index.tsx
deleted file mode 100644
index 8ddbca9..0000000
--- a/src/popup/shared/ui/Toast/index.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './ui'
-export * from './model'
-export * from './helpers'
diff --git a/src/popup/shared/ui/Toast/model/__mock__/store.ts b/src/popup/shared/ui/Toast/model/__mock__/store.ts
deleted file mode 100644
index d8c1207..0000000
--- a/src/popup/shared/ui/Toast/model/__mock__/store.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { MockedFunction, vi } from 'vitest'
-
-import { addToast } from '../store'
-
-export const addToastMock: MockedFunction<typeof addToast> = vi.fn()
diff --git a/src/popup/shared/ui/Toast/model/index.ts b/src/popup/shared/ui/Toast/model/index.ts
deleted file mode 100644
index f22b701..0000000
--- a/src/popup/shared/ui/Toast/model/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { addToast } from './store'
diff --git a/src/popup/shared/ui/Toast/model/store.ts b/src/popup/shared/ui/Toast/model/store.ts
deleted file mode 100644
index 60b2c89..0000000
--- a/src/popup/shared/ui/Toast/model/store.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { nanoid } from 'nanoid'
-import { atom } from 'nanostores'
-
-import { IToast } from './types'
-
-const timeouts: Record<string, NodeJS.Timeout> = {}
-
-export const $toasts = atom<IToast[]>([])
-
-export const addToast = (toast: Omit<IToast, 'id'>) => {
-  const toastId = nanoid()
-
-  $toasts.set([...$toasts.get(), { id: toastId, ...toast }])
-
-  timeouts[toastId] = setTimeout(() => {
-    removeToast(toastId)
-  }, 2000)
-}
-
-export const removeToast = (id: string) => {
-  clearTimeout(timeouts[id])
-  delete timeouts[id]
-
-  $toasts.set($toasts.get().filter((toast) => toast.id !== id))
-}
-
-export const cleanupToasts = () => {
-  for (const id in timeouts) {
-    clearTimeout(timeouts[id])
-  }
-  $toasts.set([])
-}
diff --git a/src/popup/shared/ui/Toast/model/types.ts b/src/popup/shared/ui/Toast/model/types.ts
deleted file mode 100644
index 356fe87..0000000
--- a/src/popup/shared/ui/Toast/model/types.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { ComponentChildren } from 'preact'
-
-export type TToastType = 'error' | 'info' | 'success'
-export interface IToast {
-  title: string
-  message?: ComponentChildren
-  details?: ComponentChildren
-  id: string
-  type: TToastType
-}
diff --git a/src/popup/shared/ui/Toast/ui/Toast.tsx b/src/popup/shared/ui/Toast/ui/Toast.tsx
deleted file mode 100644
index 305f294..0000000
--- a/src/popup/shared/ui/Toast/ui/Toast.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import cn from 'classnames'
-import { ComponentChildren } from 'preact'
-
-import { browser } from '@popup/shared/browser'
-
-import { Button, TButtonColor } from '../../Button'
-import { ClearIcon } from '../../icons/ClearIcon'
-import { IToast, TToastType } from '../model/types'
-import styles from './styles.module.scss'
-
-interface Props {
-  toast: IToast
-  removeToast: () => void
-  openDetails: (details: ComponentChildren) => void
-}
-
-const mapToastTypeToButtonColor: Record<TToastType, TButtonColor> = {
-  error: 'error',
-  info: 'info',
-  success: 'success',
-}
-
-export const Toast = ({ toast, removeToast, openDetails }: Props) => {
-  const { title, message, details, type } = toast
-
-  const toastClass = cn(styles.toast, styles[`toast--variant-${type}`])
-
-  return (
-    <li className={toastClass} role="status">
-      <div className={styles.toast__content}>
-        <p className={cn(styles.toast__title, 'h2')}>{title}</p>
-        {typeof message === 'string' ? <p>{message}</p> : message}
-        {!!details && (
-          <Button
-            variant="secondary"
-            color={mapToastTypeToButtonColor[type]}
-            onClick={() => openDetails(details)}
-          >
-            {browser.i18n.getMessage('TOAST_BUTTON_OPEN_DETAILS')}
-          </Button>
-        )}
-      </div>
-
-      <Button
-        variant="secondary"
-        color={mapToastTypeToButtonColor[type]}
-        endIcon={<ClearIcon />}
-        onClick={removeToast}
-        aria-label={browser.i18n.getMessage('CLOSE')}
-      />
-    </li>
-  )
-}
diff --git a/src/popup/shared/ui/Toast/ui/Toasts.tsx b/src/popup/shared/ui/Toast/ui/Toasts.tsx
deleted file mode 100644
index b0c54fa..0000000
--- a/src/popup/shared/ui/Toast/ui/Toasts.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useStore } from '@nanostores/preact'
-import { cleanup } from '@testing-library/preact'
-import { ComponentChildren } from 'preact'
-import { useEffect, useState } from 'preact/hooks'
-
-import { Modal } from '../../Modal'
-import { $toasts, removeToast } from '../model/store'
-import { Toast } from './Toast'
-import styles from './styles.module.scss'
-
-export const Toasts = () => {
-  const toasts = useStore($toasts)
-  const [details, setDetails] = useState<ComponentChildren | null>(null)
-
-  useEffect(() => {
-    return () => cleanup()
-  }, [])
-
-  return (
-    <>
-      <ul className={styles.toasts}>
-        {toasts.map((toast) => (
-          <Toast
-            key={toast.id}
-            toast={toast}
-            removeToast={() => removeToast(toast.id)}
-            openDetails={setDetails}
-          />
-        ))}
-      </ul>
-
-      <Modal open={!!details} onClose={() => setDetails(null)}>
-        {details}
-      </Modal>
-    </>
-  )
-}
diff --git a/src/popup/shared/ui/Toast/ui/index.ts b/src/popup/shared/ui/Toast/ui/index.ts
deleted file mode 100644
index 64c40d8..0000000
--- a/src/popup/shared/ui/Toast/ui/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Toasts } from './Toasts'
diff --git a/src/popup/widgets/note/NoteList.tsx b/src/popup/widgets/note/NoteList.tsx
index b347a01..8a419fb 100644
--- a/src/popup/widgets/note/NoteList.tsx
+++ b/src/popup/widgets/note/NoteList.tsx
@@ -21,6 +21,8 @@ import { EditIcon } from '@popup/shared/ui/icons/EditIcon'
 import { TLanguageCode, languageStore } from '@shared/entities/language'
 import { INote, noteStore } from '@shared/entities/note'
 
+import styles from './styles.module.scss'
+
 export const NoteList = () => {
   const ankiPort = useStore($ankiPort)
   const languages = useStore(languageStore.$languages)
@@ -33,7 +35,7 @@ export const NoteList = () => {
   const closeEditNoteModal = () => setEditNote(null)
 
   return (
-    <>
+    <div className={styles.container}>
       {!ankiPort && <FillFlashcardFormNotAvailable />}
       {languages.length ? (
         <>
@@ -41,6 +43,7 @@ export const NoteList = () => {
             <TabsList arrows={true}>
               {languages.map((language) => (
                 <Tab
+                  key={language.value}
                   value={language.value}
                   {...a11yProps('language_navigation', language.value)}
                 >
@@ -51,6 +54,7 @@ export const NoteList = () => {
             {languages.map((language) => {
               return (
                 <TabPanel
+                  key={language.value}
                   {...a11yProps('language_navigation', language.value)}
                   value={language.value}
                 >
@@ -59,6 +63,7 @@ export const NoteList = () => {
                       {notes[language.value].map((note) => {
                         return (
                           <NoteCard
+                            key={note.id}
                             note={note}
                             actions={
                               <>
@@ -102,10 +107,9 @@ export const NoteList = () => {
             lang={editNote.lang}
             note={editNote.note}
             onCancel={closeEditNoteModal}
-            onSubmit={closeEditNoteModal}
           />
         </Modal>
       ) : null}
-    </>
+    </div>
   )
 }
diff --git a/src/popup/widgets/note/styles.module.scss b/src/popup/widgets/note/styles.module.scss
new file mode 100644
index 0000000..5555dcc
--- /dev/null
+++ b/src/popup/widgets/note/styles.module.scss
@@ -0,0 +1,5 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+}
diff --git a/src/popup/widgets/settings/ui/Settings.tsx b/src/popup/widgets/settings/ui/Settings.tsx
index b9dff0b..634e17b 100644
--- a/src/popup/widgets/settings/ui/Settings.tsx
+++ b/src/popup/widgets/settings/ui/Settings.tsx
@@ -5,6 +5,7 @@ import { SelectLanguages } from '@popup/features/language/SelectLanguages'
 
 import { ErrorList } from '@popup/entities/error'
 
+import { browser } from '@popup/shared/browser'
 import { Button } from '@popup/shared/ui/Button'
 import { Modal } from '@popup/shared/ui/Modal'
 import { Tab, TabPanel, Tabs, TabsList, a11yProps } from '@popup/shared/ui/Tabs'
@@ -18,12 +19,12 @@ export const Settings = () => {
   return (
     <>
       <Button
+        className="settings-opener"
         variant="secondary"
         startIcon={<SettingsIcon />}
-        aria-label="Settings"
+        aria-label={browser.i18n.getMessage('SETTINGS_OPEN')}
         onClick={() => setSettingsOpen(true)}
       />
-
       <Modal open={settingsOpen} onClose={() => setSettingsOpen(false)}>
         <Tabs defaultValue="languages">
           <TabsList>
diff --git a/src/shared/entities/dictionary/model/__tests__/store.test.ts b/src/shared/entities/dictionary/model/__tests__/store.test.ts
index 34bc4cb..99484ce 100644
--- a/src/shared/entities/dictionary/model/__tests__/store.test.ts
+++ b/src/shared/entities/dictionary/model/__tests__/store.test.ts
@@ -2,8 +2,6 @@ import { waitFor } from '@tests/testUtils'
 import { allTasks, cleanStores, keepMount } from 'nanostores'
 import { afterEach, describe, expect, test, vi } from 'vitest'
 
-import { $errors } from '@shared/entities/error/model/store'
-
 import { chromeMockClearListeners } from '@shared/shared/browser/__mocks__/chrome'
 import { Result } from '@shared/shared/libs/operationResult'
 
@@ -21,7 +19,6 @@ describe('dictionary store', () => {
     await chrome.storage.local.clear()
     cleanStores($dictionaries)
     $dictionaries.set(DICTIONARIES)
-    $errors.set([])
     chromeMockClearListeners()
     vi.clearAllMocks()
   })
@@ -38,19 +35,17 @@ describe('dictionary store', () => {
       await allTasks()
 
       expect($dictionaries.get()).toEqual(newDictionaries)
-      expect($errors.get().length).toEqual(0)
     })
 
     test('should set empty array and set error when can not get data from DictionaryStorage', async () => {
       vi.spyOn(DictionaryStorage, 'get').mockResolvedValueOnce(
-        Result.Error(error),
+        Result.Error(error, false),
       )
 
       keepMount($dictionaries)
       await allTasks()
 
       expect($dictionaries.get()).toEqual(DICTIONARIES)
-      expect($errors.get().length).toEqual(1)
     })
   })
 
diff --git a/src/shared/entities/error/model/store.ts b/src/shared/entities/error/model/store.ts
index f62853f..8443da3 100644
--- a/src/shared/entities/error/model/store.ts
+++ b/src/shared/entities/error/model/store.ts
@@ -11,7 +11,9 @@ export const $errors = atom<TBaseError[]>([])
 onMount($errors, () => {
   task(async () => {
     const getResult = await ErrorStorage.get()
-    getResult.data ? $errors.set([]) : $errors.set([getResult.error])
+    getResult.data
+      ? $errors.set(getResult.data)
+      : $errors.set([getResult.error])
   })
 
   const listener = ErrorStorage.onChanged.addListener((changes) => {
@@ -34,3 +36,8 @@ export const addError = async (error: TBaseError) => {
     ? $errors.set(newErrors)
     : $errors.set([setResult.error, ...newErrors])
 }
+
+export const reset = async () => {
+  const setResult = await ErrorStorage.set([])
+  setResult.data ? $errors.set([]) : $errors.set([setResult.error])
+}
diff --git a/src/shared/entities/note/model/store.ts b/src/shared/entities/note/model/store.ts
index 99f0411..cd0ac77 100644
--- a/src/shared/entities/note/model/store.ts
+++ b/src/shared/entities/note/model/store.ts
@@ -62,7 +62,7 @@ export const deleteNote = async (
   })
 
   return setResult.data
-    ? Result.Success(browser.i18n.getMessage('SUCCESS_DELETE'))
+    ? Result.Success(browser.i18n.getMessage('DELETE_NOTE_SUCCESS'))
     : setResult
 }
 
@@ -92,7 +92,7 @@ export const editNote = async (
   })
 
   return setResult.data
-    ? Result.Success(browser.i18n.getMessage('SUCCESS_EDIT'))
+    ? Result.Success(browser.i18n.getMessage('EDIT_NOTE_SUCCESS'))
     : setResult
 }
 
@@ -110,6 +110,6 @@ export const addNote = async (
   const setResult = await NoteStorage.set(newNotes)
 
   return setResult.data
-    ? Result.Success(browser.i18n.getMessage('SUCCESS_ADD'))
+    ? Result.Success(browser.i18n.getMessage('ADD_NOTE_SUCCESS'))
     : setResult
 }