diff --git a/src/hooks/useGitHubLogin.hook.ts b/src/hooks/useGitHubLogin.hook.ts
index 51dff9c..b74a4ac 100644
--- a/src/hooks/useGitHubLogin.hook.ts
+++ b/src/hooks/useGitHubLogin.hook.ts
@@ -3,6 +3,7 @@ import { computed, ref } from 'vue'
 import { DataType } from '@/data/DataType.enum'
 import { GithubAccessToken } from '@/data/models/GithubAccessToken'
 import { data } from '@/data/data'
+import { confirmMessage } from '@/utils/notif'
 
 const personalAccessTokenId = 'PAT'
 const username = ref<string | null>(null)
@@ -40,6 +41,7 @@ export const useGitHubLogin = () => {
 
     await data.add(personalAccessToken)
     getAccessToken()
+    confirmMessage('token saved!')
   }
 
   return {
diff --git a/src/main.ts b/src/main.ts
index c0af0d3..521bc63 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,4 +1,5 @@
 import '@/registerServiceWorker'
+import 'notyf/notyf.min.css'
 
 import { createPinia } from 'pinia'
 import App from './App.vue'
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 0158f15..d3a488a 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -73,3 +73,7 @@ a {
     }
   }
 }
+
+.notif-success {
+  background-color: $link;
+}
diff --git a/src/utils/notif.ts b/src/utils/notif.ts
new file mode 100644
index 0000000..b4f1722
--- /dev/null
+++ b/src/utils/notif.ts
@@ -0,0 +1,16 @@
+import { Notyf } from 'notyf'
+
+const notif = new Notyf({
+  types: [
+    {
+      className: 'notif-success',
+      type: 'confirm'
+    }
+  ]
+})
+
+export const confirmMessage = (message: string) =>
+  notif.open({
+    type: 'confirm',
+    message
+  })