diff --git a/core/tauri.conf.json b/core/tauri.conf.json
index 40d7b41..d8c4a01 100644
--- a/core/tauri.conf.json
+++ b/core/tauri.conf.json
@@ -50,8 +50,8 @@
 				"y": 0,
 				"width": 1900,
 				"height": 1000,
-				"minWidth": 1000,
-				"minHeight": 600,
+				"minWidth": 550,
+				"minHeight": 550,
 				"maximized": true,
 				"visible": false,
 				"theme": "Dark",
diff --git a/interface/components/navigation.svelte b/interface/components/navigation.svelte
index b86fcc0..8cd8e70 100644
--- a/interface/components/navigation.svelte
+++ b/interface/components/navigation.svelte
@@ -1,29 +1,29 @@
 <div class="transparent-900 flex h-full flex-col justify-between overflow-visible rounded-tr-xl shadow-2xl">
 	<div class="flex flex-col">
 		<a href="/codes" use:active data-active-class="selectedMenuButton" class="menuButton mt-3">
-			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z"/><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"/></svg>
+			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z"/><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"/></svg>
 			{language.menu.codes}
 		</a>
 
 		<a href="/import" use:active data-active-class="selectedMenuButton" class="menuButton mx-3 mt-0">
-			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" /><polyline points="14 2 14 8 20 8" /><path d="M2 15h10" /><path d="m9 18 3-3-3-3" /></svg>
+			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" /><polyline points="14 2 14 8 20 8" /><path d="M2 15h10" /><path d="m9 18 3-3-3-3" /></svg>
 			{language.menu.import}
 		</a>
 
 		<a href="/export" use:active data-active-class="selectedMenuButton" class="menuButton">
-			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" /><polyline points="14 2 14 8 20 8" /><path d="M2 15h10" /><path d="m5 12-3 3 3 3" /></svg>
+			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4" /><polyline points="14 2 14 8 20 8" /><path d="M2 15h10" /><path d="m5 12-3 3 3 3" /></svg>
 			{language.menu.export}
 		</a>
 
 		<a href="/edit" use:active data-active-class="selectedMenuButton" class="menuButton">
-			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>
+			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>
 			{language.menu.edit}
 		</a>
 	</div>
 
 	<div class="flex flex-col">
 		<a href="/settings" use:active data-active-class="selectedMenuButton" class="menuButton">
-			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>
+			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>
 			{language.menu.settings}
 		</a>
 	</div>
diff --git a/interface/styles/index.css b/interface/styles/index.css
index 9db3360..7710631 100644
--- a/interface/styles/index.css
+++ b/interface/styles/index.css
@@ -26,11 +26,11 @@ html {
 	}
 
 	.menuButton {
-		@apply transparent-900-hover mx-3 mb-3 mt-0 flex h-20 w-20 flex-col items-center justify-center rounded-xl text-sm font-medium outline-none duration-200 ease-linear hover:text-gray-200 focus-visible:ring-4 focus-visible:ring-popup-magenta;
+		@apply transparent-900-hover mx-3 mb-3 mt-0 flex h-16 w-16 flex-col items-center justify-center rounded-xl text-sm font-semibold outline-none duration-200 ease-linear hover:text-gray-200 focus-visible:ring-4 focus-visible:ring-popup-magenta;
 	}
 
 	.selectedMenuButton {
-		@apply mx-3 mb-3 flex h-20 w-20 flex-col items-center justify-center rounded-xl bg-white font-medium !text-black outline-none duration-200 ease-linear hover:bg-gray-200 focus-visible:ring-4 focus-visible:ring-popup-magenta;
+		@apply mx-3 mb-3 mt-0 flex h-16 w-16 flex-col items-center justify-center rounded-xl bg-white text-sm font-semibold !text-black outline-none duration-200 ease-linear hover:bg-gray-200 focus-visible:ring-4 focus-visible:ring-popup-magenta;
 	}
 
 	.select {
diff --git a/interface/windows/codes/codes.svelte b/interface/windows/codes/codes.svelte
index 662c4cd..0e28717 100644
--- a/interface/windows/codes/codes.svelte
+++ b/interface/windows/codes/codes.svelte
@@ -1,4 +1,4 @@
-<div class="transparent-900 main m-auto my-20 w-4/5 rounded-2xl p-10 text-center sm:w-4/5">
+<div class="transparent-900 main mx-auto my-20 w-[95%] rounded-2xl p-10 text-center md:w-4/5">
 	<h1>Authme</h1>
 	<div class="searchContainer mx-auto mb-5 mt-10 hidden justify-center px-10">
 		<div class="mx-auto flex items-center justify-center">
@@ -11,7 +11,7 @@
 		</div>
 	</div>
 
-	<div class="content mx-auto flex flex-row flex-wrap items-center justify-center gap-10 rounded-2xl p-10 sm:w-full">
+	<div class="content mx-auto flex flex-row flex-wrap items-center justify-center gap-5 rounded-2xl p-1 md:p-10 sm:w-full">
 		<div class="importCodes transparent-800 hidden w-full max-w-2xl rounded-2xl p-5">
 			<h2>{language.codes.importCodes}</h2>
 			<h3>{language.codes.importCodesText}</h3>
diff --git a/interface/windows/confirm/confirm.svelte b/interface/windows/confirm/confirm.svelte
index aaf1cba..1dc2449 100644
--- a/interface/windows/confirm/confirm.svelte
+++ b/interface/windows/confirm/confirm.svelte
@@ -1,4 +1,4 @@
-<div class="transparent-900 m-auto mb-60 mt-40 w-3/5 rounded-2xl p-10 text-center">
+<div class="transparent-900 mx-auto my-20 w-[95%] rounded-2xl p-10 text-center md:w-3/5">
 	<h1>{language.confirm.welcomeBack}</h1>
 
 	<div class="mx-auto flex w-4/5 flex-col items-center justify-center rounded-2xl p-10">
@@ -13,8 +13,8 @@
 					<h5>{language.confirm.password}</h5>
 					<div class="flex items-center justify-center">
 						<input class="input passwordInput mt-1" type="password" />
-						<svg xmlns="http://www.w3.org/2000/svg" on:click={showPassword} on:keypress={showPassword} class="showPassword relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
-						<svg xmlns="http://www.w3.org/2000/svg" on:click={showPassword} on:keypress={showPassword} class="hidePassword relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
+						<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={showPassword} on:keypress={showPassword} class="showPassword relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
+						<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={showPassword} on:keypress={showPassword} class="hidePassword relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
 					</div>
 				</div>
 			</div>
diff --git a/interface/windows/edit/edit.svelte b/interface/windows/edit/edit.svelte
index a2ea2e4..ed24656 100644
--- a/interface/windows/edit/edit.svelte
+++ b/interface/windows/edit/edit.svelte
@@ -1,4 +1,4 @@
-<div class="transparent-900 loadedCodes m-auto my-20 hidden w-4/5 rounded-2xl p-10 text-left">
+<div class="transparent-900 loadedCodes m-auto my-20 hidden w-[95%] md:w-4/5 rounded-2xl p-1 md:p-10 text-left">
 	<h1 class="px-10">{language.edit.editCodes}</h1>
 	<div class="content mx-auto flex flex-col items-center justify-center rounded-2xl p-10" />
 </div>
diff --git a/interface/windows/export/export.svelte b/interface/windows/export/export.svelte
index 7307929..36ae3e5 100644
--- a/interface/windows/export/export.svelte
+++ b/interface/windows/export/export.svelte
@@ -1,4 +1,4 @@
-<div class="transparent-900 saveExportedCodes m-auto my-20 hidden w-4/5 rounded-2xl p-10 text-left">
+<div class="transparent-900 saveExportedCodes m-auto my-20 hidden w-[95%] md:w-4/5 rounded-2xl p-1 md:p-10 text-left">
 	<h1 class="px-10">{language.export.exportCodes}</h1>
 	<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
 		<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left">
diff --git a/interface/windows/import/import.svelte b/interface/windows/import/import.svelte
index a254fcb..676a9c3 100644
--- a/interface/windows/import/import.svelte
+++ b/interface/windows/import/import.svelte
@@ -1,4 +1,4 @@
-<div class="transparent-900 m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
+<div class="transparent-900 m-auto my-20 w-[95%] rounded-2xl p-1 text-left md:w-4/5 md:p-10">
 	<h1 class="px-10">{language.import.supportedTypes}</h1>
 	<div class="mx-auto flex flex-col items-center justify-center gap-5 rounded-2xl p-10">
 		<div class="transparent-800 flex w-full flex-col items-start rounded-xl p-5 text-left">
@@ -277,7 +277,7 @@
 </dialog>
 
 <script>
-	import { aegisFile, captureScreen, chooseFile, chooseImages, manualEntry,showManualEntry, showTutorial, twoFasAuthFile, useWebcam } from "./index"
+	import { aegisFile, captureScreen, chooseFile, chooseImages, manualEntry, showManualEntry, showTutorial, twoFasAuthFile, useWebcam } from "./index"
 	import Details from "../../components/details.svelte"
 	import { getLanguage } from "@utils/language"
 
diff --git a/interface/windows/landing/landing.svelte b/interface/windows/landing/landing.svelte
index d82102e..2859a98 100644
--- a/interface/windows/landing/landing.svelte
+++ b/interface/windows/landing/landing.svelte
@@ -1,4 +1,4 @@
-<div class="transparent-900 landing m-auto mb-60 mt-40 w-3/5 rounded-2xl p-10 text-center">
+<div class="transparent-900 landing mx-auto my-20 w-[95%] rounded-2xl p-10 text-center md:w-3/5">
 	<h1>{language.landing.welcome}</h1>
 
 	<div class="mx-auto flex w-4/5 flex-col items-center justify-center rounded-2xl p-10">
@@ -33,14 +33,14 @@
 				<h4>{language.landing.hardwareAuth}</h4>
 				<h5>{language.landing.hardwareAuthText}</h5>
 			</div>
-			<div class="ml-20 sm:ml-0 flex gap-3 sm:mt-5">
+			<div class="ml-20 flex gap-3 sm:ml-0 sm:mt-5">
 				<Toggle bind:checked={$settings.security.hardwareAuthentication} />
 			</div>
 		</div>
 	</div>
 </div>
 
-<div class="transparent-900 requirePassword m-auto mb-60 mt-40 hidden w-3/5 rounded-2xl p-10 text-center">
+<div class="transparent-900 requirePassword transparent-900 hidden mx-auto my-20 w-[95%] rounded-2xl p-10 text-center md:w-3/5">
 	<h1>{language.landing.passwordAuth}</h1>
 
 	<div class="mx-auto flex w-4/5 flex-col items-center justify-center rounded-2xl p-10">
@@ -55,8 +55,8 @@
 					<h5>{language.landing.password}</h5>
 					<div class="flex items-center justify-center">
 						<input class="input passwordInput0 mt-1" type="password" />
-						<svg xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(0)} on:keypress={() => showPassword(0)} class="showPassword0 relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
-						<svg xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(0)} on:keypress={() => showPassword(0)} class="hidePassword0 relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
+						<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(0)} on:keypress={() => showPassword(0)} class="showPassword0 relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
+						<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(0)} on:keypress={() => showPassword(0)} class="hidePassword0 relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
 					</div>
 				</div>
 
@@ -64,8 +64,8 @@
 					<h5>{language.landing.confirmPassword}</h5>
 					<div class="flex items-center justify-center">
 						<input class="input passwordInput1 mt-1" type="password" />
-						<svg xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(1)} on:keypress={() => showPassword(1)} class="showPassword1 relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
-						<svg xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(1)} on:keypress={() => showPassword(1)} class="hidePassword1 relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
+						<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(1)} on:keypress={() => showPassword(1)} class="showPassword1 relative right-9 top-0.5 h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>
+						<svg role="button" tabindex="0" xmlns="http://www.w3.org/2000/svg" on:click={() => showPassword(1)} on:keypress={() => showPassword(1)} class="hidePassword1 relative right-9 top-0.5 hidden h-6 w-6 cursor-pointer" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" y1="2" x2="22" y2="22" /></svg>
 					</div>
 				</div>
 			</div>
diff --git a/interface/windows/settings/settings.svelte b/interface/windows/settings/settings.svelte
index 714cbad..ac6b624 100644
--- a/interface/windows/settings/settings.svelte
+++ b/interface/windows/settings/settings.svelte
@@ -1,4 +1,4 @@
-<div class="transparent-900 m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
+<div class="transparent-900 m-auto my-20 w-[95%] md:w-4/5 rounded-2xl p-1 md:p-10 text-left">
 	<h1 class="px-10">{language.settings.general}</h1>
 
 	<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
@@ -67,7 +67,7 @@
 	</div>
 </div>
 
-<div class="transparent-900 m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
+<div class="transparent-900 m-auto my-20 w-[95%] md:w-4/5 rounded-2xl p-1 md:p-10 text-left">
 	<h1 class="px-10">{language.settings.codes}</h1>
 
 	<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
@@ -93,7 +93,7 @@
 	</div>
 </div>
 
-<div class="transparent-900 m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
+<div class="transparent-900 m-auto my-20 w-[95%] md:w-4/5 rounded-2xl p-1 md:p-10 text-left">
 	<h1 class="px-10">{language.settings.about}</h1>
 
 	<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 56893a6..a12ab85 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -32,6 +32,7 @@ module.exports = {
 
 			screens: {
 				sm: { max: "1650px" },
+				small: { min: "1200px" },
 			},
 		},
 	},