diff --git a/webapp/src/components/Header.tsx b/webapp/src/components/Header.tsx
index 8ec3804..fca278b 100644
--- a/webapp/src/components/Header.tsx
+++ b/webapp/src/components/Header.tsx
@@ -4,7 +4,7 @@ import GitHubIcon from '@mui/icons-material/GitHub';
 
 const Header: React.FC = () => {
   return (
-    <nav style={{ display: 'flex', justifyContent: 'flex-end', position: 'fixed', 'top': 0, 'width': '100%', padding: '10px', backgroundColor: '#343a40'}}>
+    <nav style={{ display: 'flex', justifyContent: 'flex-end', position: 'fixed', 'top': 0, 'width': '90%', padding: '10px', backgroundColor: '#343a40'}}>
       <ul style={{ display: 'flex', listStyle: 'none', margin: 0, padding: 0 }}>
       <li style={{ margin: '0 10px' }}>
         <Link to="/" style={{ textDecoration: 'none', color: '#ffffff' }}>Summary</Link>
diff --git a/webapp/src/components/PullRequests.tsx b/webapp/src/components/PullRequests.tsx
index e25ddf4..5ce8dfa 100644
--- a/webapp/src/components/PullRequests.tsx
+++ b/webapp/src/components/PullRequests.tsx
@@ -25,7 +25,7 @@ import { PullRequest } from '../types';
 const params = new URLSearchParams(window.location.search);
 const q = [];
 if (params.get('author')) q.push(`author='${params.get('author')}'`);
-if (params.get('createdAt')) q.push(`createdAt='${params.get('createdAt')}'`);
+if (params.get('createdAt')) q.push(`createdAt like '${params.get('createdAt')}%'`);
 if (params.get('state')) q.push(`state='${params.get('state')}'`);
 if (params.get('totalCommentsCount')) q.push(`totalCommentsCount=${params.get('totalCommentsCount')}`);
 if (params.get('changedFiles')) q.push(`changedFiles=${params.get('changedFiles')}`);
diff --git a/webapp/src/components/statistics/PullRequestsCount.tsx b/webapp/src/components/statistics/PullRequestsCount.tsx
index 9613238..efc2766 100644
--- a/webapp/src/components/statistics/PullRequestsCount.tsx
+++ b/webapp/src/components/statistics/PullRequestsCount.tsx
@@ -6,13 +6,28 @@ type ChartProps = {
     prCounts: PRCount[];
 }
 
+const basepath = import.meta.env.BASE_URL
+const baseUrl = `${window.location.protocol}//${window.location.host}${basepath}`.replace(/\/$/, '');
+
 const PullRequestsCountChart = ({prCounts}: ChartProps) => {
     const authors = [
         {name: "devin-ai-integration", color: 'rgba(0, 180, 170, 1)'},
         {name: "devloai", color: 'rgba(0, 122, 255, 1)'},
         {name: "openhands-agent", color: 'rgba(255, 204, 0, 1)'},
     ];
-    const labels = Array.from(new Set(prCounts.map((prCount: PRCount) => prCount.date)));
+
+    const dates = Array.from(new Set(prCounts.map((prCount: PRCount) => prCount.date).filter(date => date)));
+    if (!dates || dates.length === 0) {
+        return <div>No data</div>
+    }
+    let begin = new Date(dates.sort((a, b) => a.localeCompare(b))[0]);
+    const end = new Date(dates.sort((a, b) => b.localeCompare(a))[0]);
+
+    const labels = [begin.toISOString().split('T')[0]];
+    while (begin < end) {
+        begin.setDate(begin.getDate() + 1);
+        labels.push(begin.toISOString().split('T')[0]);
+    }
 
     const datasets = authors.map(author => {
         const countsByAuthor = prCounts.filter((prCount: PRCount) => prCount.author === author.name)
@@ -26,9 +41,28 @@ const PullRequestsCountChart = ({prCounts}: ChartProps) => {
     });
     return (
         <>
-            <Line data={{labels, datasets: datasets}} />
+            <Line
+              data={{
+                labels,
+                datasets: datasets,
+              }}
+              options={{
+                onClick: (_, elements) => {
+                  if (elements.length > 0) {
+                    const element = elements[0];
+                    const date = labels[element.index];
+
+                    const searchParams = new URLSearchParams();
+                    searchParams.set('createdAt', date);
+                    const href = `${baseUrl}/details?${searchParams.toString()}`;
+
+                    window.location.href = href;
+                  }
+                }
+              }}
+            />
         </>
     )
 }
 
-export default PullRequestsCountChart;
\ No newline at end of file
+export default PullRequestsCountChart;
diff --git a/webapp/src/components/statistics/ReposCount.tsx b/webapp/src/components/statistics/ReposCount.tsx
index b56b313..a4496d4 100644
--- a/webapp/src/components/statistics/ReposCount.tsx
+++ b/webapp/src/components/statistics/ReposCount.tsx
@@ -6,13 +6,28 @@ type ChartProps = {
     prCounts: PRCount[];
 }
 
+const basepath = import.meta.env.BASE_URL
+const baseUrl = `${window.location.protocol}//${window.location.host}${basepath}`.replace(/\/$/, '');
+
 const ReposCountChart = ({prCounts}: ChartProps) => {
     const authors = [
         {name: "devin-ai-integration", color: 'rgba(0, 180, 170, 1)'},
         {name: "devloai", color: 'rgba(0, 122, 255, 1)'},
         {name: "openhands-agent", color: 'rgba(255, 204, 0, 1)'},
     ];
-    const labels = Array.from(new Set(prCounts.map((prCount: any) => prCount.date)));
+
+    const dates = Array.from(new Set(prCounts.map((prCount: PRCount) => prCount.date).filter(date => date)));
+    if (!dates || dates.length === 0) {
+        return <div>No data</div>
+    }
+    let begin = new Date(dates.sort((a, b) => a.localeCompare(b))[0]);
+    const end = new Date(dates.sort((a, b) => b.localeCompare(a))[0]);
+
+    const labels = [begin.toISOString().split('T')[0]];
+    while (begin < end) {
+        begin.setDate(begin.getDate() + 1);
+        labels.push(begin.toISOString().split('T')[0]);
+    }
 
     const datasets = authors.map(author => {
         const countsByAuthor = prCounts.filter((prCount: any) => prCount.author === author.name)
@@ -26,9 +41,28 @@ const ReposCountChart = ({prCounts}: ChartProps) => {
     });
     return (
         <>
-            <Line data={{labels, datasets: datasets}} />
+            <Line
+              data={{
+                labels,
+                datasets: datasets
+              }}
+              options={{
+                onClick: (_, elements) => {
+                  if (elements.length > 0) {
+                    const element = elements[0];
+                    const date = labels[element.index];
+
+                    const searchParams = new URLSearchParams();
+                    searchParams.set('createdAt', date);
+                    const href = `${baseUrl}/details?${searchParams.toString()}`;
+
+                    window.location.href = href;
+                  }
+                }
+              }}
+            />
         </>
     )
 }
 
-export default ReposCountChart;
\ No newline at end of file
+export default ReposCountChart;