diff --git a/frontend/src/app.css b/frontend/src/app.css
index 3e0a9d5..cf95c0b 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -32,7 +32,7 @@
 }
 
 .card {
-	@apply bg-white rounded-lg shadow-md p-6;
+ 	@apply bg-white rounded-lg shadow-md p-6;
 }
 
 .loading-spinner {
@@ -42,6 +42,29 @@
 	animation: spin 1s linear infinite;
 }
 
+input[type="date"] {
+	appearance: none;
+	-webkit-appearance: none;
+	background-color: #fff;
+	color: #111827;
+	padding-right: 2.5rem;
+	font-variant-numeric: tabular-nums;
+	position: relative;
+}
+
+input[type="date"]::-webkit-date-and-time-value {
+	text-align: left;
+}
+
+input[type="date"]::-webkit-calendar-picker-indicator {
+	position: absolute;
+	right: 0.75rem;
+	top: 50%;
+	transform: translateY(-50%);
+	cursor: pointer;
+	opacity: 0.7;
+}
+
 @keyframes spin {
 	0% {
 		transform: rotate(0deg);
diff --git a/frontend/src/lib/components/Footer.svelte b/frontend/src/lib/components/Footer.svelte
index 9f547a4..42f1125 100644
--- a/frontend/src/lib/components/Footer.svelte
+++ b/frontend/src/lib/components/Footer.svelte
@@ -17,7 +17,7 @@
 </script>
 
 <footer class="bg-white border-t border-gray-200 mt-12 w-full">
-  <div class="container mx-auto px-4 py-6 text-center text-sm text-gray-600">
+  <div class="container mx-auto px-4 py-4 text-center text-sm text-gray-600">
     <p>EDH Stats • Track your Commander games</p>
     {#if version}
       <p class="text-xs text-gray-500 mt-1">v{version}</p>
diff --git a/frontend/src/routes/dashboard/+page.svelte b/frontend/src/routes/dashboard/+page.svelte
index 4712a48..7b871ea 100644
--- a/frontend/src/routes/dashboard/+page.svelte
+++ b/frontend/src/routes/dashboard/+page.svelte
@@ -207,7 +207,7 @@
         </div>
       {:else}
         <!-- Stats Overview -->
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
+        <div class="grid grid-cols-2 md:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 mb-8">
           <!-- Total Games -->
           <div class="card">
             <div class="flex items-center justify-between">
diff --git a/frontend/src/routes/games/+page.svelte b/frontend/src/routes/games/+page.svelte
index c4e9525..bf0c012 100644
--- a/frontend/src/routes/games/+page.svelte
+++ b/frontend/src/routes/games/+page.svelte
@@ -429,7 +429,7 @@
                     type="date"
                     bind:value={formData.date}
                     required
-                    class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
+                    class="w-full px-3 py-2 border border-gray-300 rounded-md bg-white text-gray-900 appearance-none focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
                   />
                 </div>
 
diff --git a/frontend/static/version.txt b/frontend/static/version.txt
index 005119b..8e8299d 100644
--- a/frontend/static/version.txt
+++ b/frontend/static/version.txt
@@ -1 +1 @@
-2.4.1
+2.4.2