diff --git a/src/components/main/MainActivity.vue b/src/components/main/MainActivity.vue
index 691c16f..85f4a28 100644
--- a/src/components/main/MainActivity.vue
+++ b/src/components/main/MainActivity.vue
@@ -15,7 +15,7 @@ useIntervalFn(async () => await refresh(), 5000)
 </script>
 
 <template>
-  <UCard class="mx-4 md:mx-0 f-auto flex flex-col justify-between" :ui="CardUi">
+  <UCard class="flex flex-col justify-between" :ui="CardUi">
     <div v-if="activity && activity.data.activities" class="flex items-center gap-x-4">
       <p
         class="uppercase tracking-widest text-sm"
@@ -60,7 +60,7 @@ useIntervalFn(async () => await refresh(), 5000)
     </div>
     <template #footer>
       <div class="flex items-center justify-between">
-        <p v-if="codingActivity" class="text-subtitle text-xs">
+        <p v-if="codingActivity" class="text-subtitle text-xs w-1/2">
           Started the {{ formatDate(codingActivity.timestamps.start) }}
         </p>
         <div class="flex items-center justify-end space-x-1">
diff --git a/src/components/main/MainStats.vue b/src/components/main/MainStats.vue
index ecce753..0a24fad 100644
--- a/src/components/main/MainStats.vue
+++ b/src/components/main/MainStats.vue
@@ -8,7 +8,7 @@ const CardUi = {
 </script>
 
 <template>
-  <UCard class="mx-4 md:mx-0 flex flex-col justify-between" :ui="CardUi">
+  <UCard class="flex flex-col justify-between" :ui="CardUi">
     <div class="flex items-center gap-x-4 h-full">
       <p
         class="uppercase tracking-widest text-sm"
@@ -43,7 +43,7 @@ const CardUi = {
     </div>
     <template #footer>
       <div class="flex items-center justify-between">
-        <p v-if="stats" class="text-subtitle text-xs">
+        <p v-if="stats" class="text-subtitle text-xs w-1/2">
           Started {{ useTimeAgo(new Date(stats.coding.data.range.start)).value }}, the {{ useDateFormat(new Date(stats.coding.data.range.start), 'Do MMMM YYYY').value }}
         </p>
         <div class="flex items-center justify-end space-x-1">