diff --git a/src/app.css b/src/app.css
index 39517e2..9ee276f 100644
--- a/src/app.css
+++ b/src/app.css
@@ -3,20 +3,16 @@
 @tailwind components;
 @tailwind utilities;
 
-.hyperlink {
-  @apply underline text-blue-600 hover:text-blue-800 visited:text-purple-600 font-bold;
-}
-
 .form-input {
   @apply shadow appearance-none border rounded w-full bg-base-100 py-2 px-3 text-base-content text-sm mb-3 leading-tight focus:outline-none;
 }
 
 .card-primary {
-  @apply grid grid-cols-1 divide-y p-2 max-w-screen-lg border-2 mx-4 border-base-300 rounded-md text-sm text-base-content shadow
+  @apply grid grid-cols-1 divide-y p-2 max-w-screen-lg border mx-4 border-base-content rounded-md text-sm text-base-content shadow
 }
 
 .card-pending {
-  @apply flex justify-between p-1 mb-4 max-w-screen-lg border-2 border-dashed mx-4 border-base-300 rounded-md text-sm text-base-content shadow
+  @apply flex justify-between p-1 mb-4 max-w-screen-lg border border-dashed mx-4 border-base-content rounded-md text-sm text-base-content shadow
 }
 
 .card-input {
diff --git a/src/routes/devices.html.svelte b/src/routes/devices.html.svelte
index 7cbca3d..e0d3c68 100644
--- a/src/routes/devices.html.svelte
+++ b/src/routes/devices.html.svelte
@@ -68,7 +68,7 @@
 	{/if}
 	{#if headscaleAPITest === 'failed'}
 		<div in:fade class="max-w-lg  mx-auto p-4 border-4 text-sm text-gray-600 shadow-lg text-center">
-			<p>API test did not succeed.<br />Headscale might be down or API settings may need to be set<br />change server settings in the <a href="/settings.html" class="hyperlink">settings</a> page</p>
+			<p>API test did not succeed.<br />Headscale might be down or API settings may need to be set<br />change server settings in the <a href="/settings.html" class="link link-primary">settings</a> page</p>
 		</div>
 	{/if}
 {/if}
\ No newline at end of file
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 32b7ae4..c96e554 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -71,7 +71,7 @@
 	{/if}
 	{#if headscaleAPITest === 'failed'}
 		<div in:fade class="max-w-lg  mx-auto p-4 border-4 text-sm text-base-content shadow-lg text-center">
-			<p>API test did not succeed.<br />Headscale might be down or API settings may need to be set<br />change server settings in the <a href="/settings.html" class="hyperlink">settings</a> page</p>
+			<p>API test did not succeed.<br />Headscale might be down or API settings may need to be set<br />change server settings in the <a href="/settings.html" class="link link-primary">settings</a> page</p>
 		</div>
 	{/if}
 {/if}