diff --git a/src/entrypoints/popup/App.svelte b/src/entrypoints/popup/App.svelte
index ba033e3..0ec1544 100644
--- a/src/entrypoints/popup/App.svelte
+++ b/src/entrypoints/popup/App.svelte
@@ -17,16 +17,16 @@
 	let activePage = $state<Page>('main');
 </script>
 
-<div class="flex w-[350px] overflow-hidden" class:w-screen={$isMobile}>
+<div class="flex w-75 overflow-hidden" class:w-screen={$isMobile}>
 	<Toast />
 	{#if activePage === 'main'}
-		<div transition:fly={{ x: -300, duration: 150 }} class="min-w-full w-full h-[300px] flex-1 flex flex-col">
+		<div transition:fly={{ x: -300, duration: 150 }} class="min-w-full w-full h-75 flex-1 flex flex-col">
 			<Main onSettingsOpenRequest={() => (activePage = 'settings')} />
 		</div>
 	{:else if activePage === 'settings'}
 		<div
 			transition:fly={{ x: 300, duration: 150 }}
-			class="min-w-full w-full h-[300px] flex-1 flex flex-col"
+			class="min-w-full w-full h-75 flex-1 flex flex-col"
 			class:h-screen={$isMobile}
 		>
 			<Settings onSettingsCloseRequest={() => (activePage = 'main')} />
diff --git a/src/entrypoints/popup/components/Divider.svelte b/src/entrypoints/popup/components/Divider.svelte
index b466b2e..01fb81a 100644
--- a/src/entrypoints/popup/components/Divider.svelte
+++ b/src/entrypoints/popup/components/Divider.svelte
@@ -1,3 +1,3 @@
 <script lang="ts"></script>
 
-<div class="w-full border-b-[1px] border-gray-400"></div>
+<div class="w-full border-b border-gray-400"></div>
diff --git a/src/entrypoints/popup/pages/main/CopyMatch.svelte b/src/entrypoints/popup/pages/main/CopyMatch.svelte
index cc41254..0f01d01 100644
--- a/src/entrypoints/popup/pages/main/CopyMatch.svelte
+++ b/src/entrypoints/popup/pages/main/CopyMatch.svelte
@@ -52,7 +52,7 @@
 			<div class="relative group h-4 flex justify-center items-center">
 				<button class="text-sm peer"><Icon src={InformationCircle} size="1rem" /></button>
 				<span
-					class="z-10 absolute w-58 bottom-5/4 p-1 bg-gray-800 text-xs invisible opacity-0 group-hover:visible group-hover:opacity-100 peer-focus:visible peer-focus:opacity-100 transition-[opacity]"
+					class="z-10 absolute w-58 bottom-5/4 p-1 bg-gray-800 text-xs invisible opacity-0 group-hover:visible group-hover:opacity-100 peer-focus:visible peer-focus:opacity-100 transition-opacity"
 					>You may have to send the referer header <code class="select-text">Referer: {domain}</code> when accessing
 					the url</span
 				>
@@ -62,7 +62,7 @@
 	<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
 	<div class="relative group w-full" tabindex={$isMobile ? 0 : undefined}>
 		<pre
-			class="w-full h-20 overflow-y-scroll text-[0.8rem] wrap-anywhere text-wrap select-text rounded bg-gray-900 py-[0.25rem] px-1.5">{urlOutput}</pre>
+			class="w-full h-20 overflow-y-scroll text-[0.8rem] wrap-anywhere text-wrap select-text rounded bg-gray-900 py-1 px-1.5">{urlOutput}</pre>
 		<div
 			class="absolute top-2 right-2 transition-opacity duration-100 opacity-0 group-hover:opacity-100 group-focus:opacity-100 h-full"
 		>
diff --git a/src/entrypoints/popup/pages/main/Match.svelte b/src/entrypoints/popup/pages/main/Match.svelte
index 5f1fca9..31db46e 100644
--- a/src/entrypoints/popup/pages/main/Match.svelte
+++ b/src/entrypoints/popup/pages/main/Match.svelte
@@ -13,7 +13,7 @@
 
 <div class="flex flex-col items-center justify-center w-full h-full">
 	<p class="text-lg">Match found:</p>
-	<div class="[&>*]:select-text">
+	<div class="*:select-text">
 		<span class="underline text-green-400 text-2xl font-bold">{host.name}</span>
 		<span class="text-xs text-slate-300">({domain})</span>
 	</div>