diff --git a/package-lock.json b/package-lock.json
index d8b4cf1..ff53ba0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,4 +1,3 @@
-
 {
 	"name": "myapp",
 	"version": "0.0.1",
@@ -11,7 +10,8 @@
 			"dependencies": {
 				"@iconify/svelte": "^3.1.0",
 				"daisyui": "^2.51.5",
-				"react-icons": "^4.8.0"
+				"react-icons": "^4.8.0",
+				"sveltegram": "^1.1.5"
 			},
 			"devDependencies": {
 				"@playwright/test": "^1.28.1",
@@ -2718,6 +2718,11 @@
 				"svelte": ">=3.19.0"
 			}
 		},
+		"node_modules/sveltegram": {
+			"version": "1.1.5",
+			"resolved": "https://registry.npmjs.org/sveltegram/-/sveltegram-1.1.5.tgz",
+			"integrity": "sha512-VkCEFsLu0xF+xQgmpD259RlO6NGCPMpdw6Ku0t9wD8/JsDokUujce4fw3N5CTc/tWY5bReD6/25psiIugQww8A=="
+		},
 		"node_modules/tailwindcss": {
 			"version": "3.3.1",
 			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.1.tgz",
@@ -4861,6 +4866,11 @@
 			"dev": true,
 			"requires": {}
 		},
+		"sveltegram": {
+			"version": "1.1.5",
+			"resolved": "https://registry.npmjs.org/sveltegram/-/sveltegram-1.1.5.tgz",
+			"integrity": "sha512-VkCEFsLu0xF+xQgmpD259RlO6NGCPMpdw6Ku0t9wD8/JsDokUujce4fw3N5CTc/tWY5bReD6/25psiIugQww8A=="
+		},
 		"tailwindcss": {
 			"version": "3.3.1",
 			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.1.tgz",
diff --git a/package.json b/package.json
index 6a17098..0a8d266 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
 	"dependencies": {
 		"@iconify/svelte": "^3.1.0",
 		"daisyui": "^2.51.5",
-		"react-icons": "^4.8.0"
+		"react-icons": "^4.8.0",
+		"sveltegram": "^1.1.5"
 	}
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e0e086d..acfc6a1 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,7 @@
 <script>
 	// import {Icon} from '@iconify/svelte';
 	// import {FaTelegramPlane} from 'svelte-icons/fa';
+	import {Login} from "sveltegram";
 </script>
 
 <section>
@@ -19,7 +20,12 @@
 				<a href="">Login via Telegram</a>
 				Click here to login
 			</button> -->
-			<script async src="https://telegram.org/js/telegram-widget.js?22" data-telegram-login="Fishie_Honesty_bot" data-size="large" data-auth-url="/" data-request-access="write"></script>
+			<!-- <script async src="https://telegram.org/js/telegram-widget.js?22" data-telegram-login="Fishie_Honesty_bot" data-size="large" data-auth-url="/" data-request-access="write"></script> -->
+			<Login
+				username="Fishie_Honesty_bot"
+				requestAccess=true
+				size="large"
+				/>
 		</div>
 	</footer>
 </section>