diff --git a/materialious/src/lib/components/settings/Theme.svelte b/materialious/src/lib/components/settings/Theme.svelte
index 8bbc7dce..a10fead8 100644
--- a/materialious/src/lib/components/settings/Theme.svelte
+++ b/materialious/src/lib/components/settings/Theme.svelte
@@ -155,7 +155,8 @@
 				interfaceBorderRadiusStore.set(0);
 			}}
 			class="surface-container-highest"
-			style="border-radius: 0 !important;width: 80%;"
+			style="border-radius: 0 !important;width: 100%;box-sizing:border-box;"
+			class:border={$interfaceBorderRadiusStore == 0}
 		>
 			<p>{$_('layout.theme.borderRadius.none')}</p>
 		</button>
@@ -166,7 +167,8 @@
 				interfaceBorderRadiusStore.set(0.25);
 			}}
 			class="surface-container-highest"
-			style="border-radius: 0.25rem !important;width: 80%;"
+			style="border-radius: 0.25rem !important;width: 100%;box-sizing:border-box;"
+			class:border={$interfaceBorderRadiusStore == 0.25}
 		>
 			<p>{$_('layout.theme.borderRadius.slight')}</p>
 		</button>
@@ -177,7 +179,8 @@
 				interfaceBorderRadiusStore.set(0.5);
 			}}
 			class="surface-container-highest"
-			style="border-radius: 0.5rem !important;width: 80%;"
+			style="border-radius: 0.5rem !important;width: 100%;box-sizing:border-box;"
+			class:border={$interfaceBorderRadiusStore == 0.5}
 		>
 			<p>{$_('layout.theme.borderRadius.modern')}</p>
 		</button>
@@ -188,7 +191,8 @@
 				interfaceBorderRadiusStore.set(1);
 			}}
 			class="surface-container-highest"
-			style="border-radius: 1rem !important;width: 80%;"
+			style="border-radius: 1rem !important;width: 100%;box-sizing:border-box;"
+			class:border={$interfaceBorderRadiusStore == 1}
 		>
 			<p>{$_('layout.theme.borderRadius.rounded')}</p>
 		</button>