diff --git a/src/pages/login/login.css b/src/pages/login/login.css
index 4c42344..fefd083 100644
--- a/src/pages/login/login.css
+++ b/src/pages/login/login.css
@@ -588,3 +588,19 @@ li {
 }
 
 
+.ignore{
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin-top: 0px;
+}
+
+.ignore img {
+  width: 4.5svh;
+  height: 4.5svh;
+}
+
+.ignore img:hover{
+  width: 5svh;
+  height: 5svh;
+}
\ No newline at end of file
diff --git a/src/pages/login/login.tsx b/src/pages/login/login.tsx
index ac32eab..1e6ea41 100644
--- a/src/pages/login/login.tsx
+++ b/src/pages/login/login.tsx
@@ -3,6 +3,8 @@ import { useState } from 'react';
 import { invoke } from '@tauri-apps/api';
 import { useNavigate } from 'react-router-dom';
 import noenemies from '../main_page/assets/nature.jpg';
+import exiticon from '../main_page/assets/x_icon.png';
+
 
 function login(){
     const [name, setname] = useState("");
@@ -22,7 +24,10 @@ function login(){
     }
 
         return <div id='background' onContextMenu={e => e.preventDefault()}>
-                        <button className='upperbutton' aria-current={true} onClick={() => navigate("/", {state: {name, password}})}>Login</button>
+            <button className='ignore' onClick={async () => {await invoke('close_app', {});}}>
+                <img src={exiticon} alt="" />
+            </button>
+            <button className='upperbutton' aria-current={true} onClick={() => navigate("/", {state: {name, password}})}>Login</button>
             <button className='upperbutton' aria-current={false} onClick={() => navigate("/signup", {state: {name, password}})}>Sign Up</button>
         <img className='IhaveNoEnemys' src={noenemies} alt="backgroundimg" />
         <div className='iseewhoyouare' ></div>
diff --git a/src/pages/login/signup.tsx b/src/pages/login/signup.tsx
index 09cea85..2ba7e90 100644
--- a/src/pages/login/signup.tsx
+++ b/src/pages/login/signup.tsx
@@ -3,6 +3,8 @@ import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { invoke } from '@tauri-apps/api';
 import noenemies from '../main_page/assets/nature2.jpg';
+import exiticon from '../main_page/assets/x_icon.png';
+
 
 
 function Login() {
@@ -25,7 +27,9 @@ function Login() {
 
     return (
         <div id='background' onContextMenu={e => e.preventDefault()}>
-
+            <button className='ignore' onClick={async () => {await invoke('close_app', {});}}>
+                <img src={exiticon} alt="" />
+            </button>
             <button className='upperbutton' aria-current={false} onClick={() => navigate("/", {state: {name, password}})}>Login</button>
             <button className='upperbutton' aria-current={true} onClick={() => navigate("/signup", {state: {name, password}})}>Sign Up</button>
             <img className='IhaveNoEnemys' src={noenemies} alt="backgroundimg" />
diff --git a/src/pages/main_page/assets/x_icon.png b/src/pages/main_page/assets/x_icon.png
new file mode 100644
index 0000000..146508b
Binary files /dev/null and b/src/pages/main_page/assets/x_icon.png differ