diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8321a30..f79de84 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,7 +2,7 @@
 	import SalaireInterne from "./SalaireInterne.svelte";
 </script>
 
-<div class="container h-full mx-auto flex justify-center items-center max-w-6xl">
+<div class="container h-full mx-auto flex justify-center items-center max-w-6xl px-1 sm:px-2 md:px-5">
 	<div class="flex space-y-10  items-center grid grid-cols-1">
 		<div>
 			<h2 class="h2">Salaire d'interne v2</h2>
diff --git a/src/routes/SalaireInterne.svelte b/src/routes/SalaireInterne.svelte
index 217d141..0cbbe99 100644
--- a/src/routes/SalaireInterne.svelte
+++ b/src/routes/SalaireInterne.svelte
@@ -182,7 +182,7 @@
 <div class="gap-3 flex flex-wrap md:grid md:grid-cols-5 md:items-center">
 	<div>
 		<label class="label" for="dateSalaire"><span>Date d'effet</span></label>
-		<input id="dateSalaire" value="Date" disabled />
+		<input class="input" id="dateSalaire" value="Date" disabled />
 	</div>
 	<div class="col-span-3 overflow-x-auto flex">
 		<div class="grow" />