diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index bee6d5e..6facb69 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,5 +1,6 @@
 import { Dialog, DialogContent, Grid } from '@mui/material';
 import 'bootstrap/dist/css/bootstrap.min.css';
+import './app.css';
 
 import { useAppDispatch, useAppSelector } from './app/hooks'
 import InfoView from './features/info/InfoView';
diff --git a/frontend/src/app.css b/frontend/src/app.css
new file mode 100644
index 0000000..b8c9cf1
--- /dev/null
+++ b/frontend/src/app.css
@@ -0,0 +1,25 @@
+.MuiDialog-paper {
+  max-width: 96%;
+}
+.MuiGrid-item:nth-child(2) {
+  flex-basis: 20%;
+  max-width: 20%;
+}
+.MuiGrid-item:nth-child(3) {
+  flex-basis: 20%;
+  max-width: 20%;
+}
+.MuiGrid-item:nth-child(4) {
+  flex-basis: 60%;
+  max-width: 60%;
+}
+td.MuiTableCell-root {
+  vertical-align: top;
+}
+body {
+  word-break: break-all !important;
+}
+pre {
+  overflow: visible !important;
+  max-width: 600px;
+}
diff --git a/frontend/src/features/appbar/AppBarView.tsx b/frontend/src/features/appbar/AppBarView.tsx
index af03057..8662f37 100644
--- a/frontend/src/features/appbar/AppBarView.tsx
+++ b/frontend/src/features/appbar/AppBarView.tsx
@@ -19,17 +19,18 @@ export default function AppBarView(){
   const info = fetchinfo();
   const excludeNoise = useAppSelector((state) => state.selections.noiseCancellationIsOn);
   const {start, end} = useAppSelector((state) => state.selections.dateTimeRange);
+  const tenMinutesInMillisseconds = 10 * 60 * 1000;
   const dispatch = useAppDispatch();
   return <AppBar position='static'>
     <Toolbar>
       <Typography variant="h6" color="inherit" sx={{ flexGrow: 1 }}>{info.name}</Typography>
           <DateTimeRangePicker 
             onChange={(range) => {
-              const [s, e] = (Array.isArray(range) && range[0] && range[1]) ? [range[0], range[1]] : [new Date(Date.now() - 24*3600*1000), new Date()];
+              const [s, e] = (Array.isArray(range) && range[0] && range[1]) ? [range[0], range[1]] : [new Date(Date.now() - tenMinutesInMillisseconds), new Date()];
               dispatch(setDateTimeRange({start: s.getTime(), end: e.getTime()}));
             }}
             value={[new Date(start), new Date(end)]}
-            disableClock={true}
+            disableClock={false}
           />
       <Tooltip title={excludeNoise?"Show Noise":"Hide Noise"}>
         <IconButton color="inherit" aria-label="logs">
diff --git a/frontend/src/features/selections/selectionsSlice.ts b/frontend/src/features/selections/selectionsSlice.ts
index 1dc93e0..b7a0e57 100644
--- a/frontend/src/features/selections/selectionsSlice.ts
+++ b/frontend/src/features/selections/selectionsSlice.ts
@@ -18,7 +18,7 @@ const initialState: Selections = {
     infoIsOpen: false,
     deleteRequestAlertIsOpen: false,
     requestIsOpen: false,
-    dateTimeRange: {start: Date.now() - 5*60*1000, end: Date.now()} // last 5 minute
+    dateTimeRange: {start: Date.now() - 10*60*1000, end: Date.now()} // last 10 minute
 };
 const slice = createSlice({
     name: 'selections',
diff --git a/src/main/scala/ai/diffy/proxy/HttpResponse.java b/src/main/scala/ai/diffy/proxy/HttpResponse.java
index e906477..950e9d9 100644
--- a/src/main/scala/ai/diffy/proxy/HttpResponse.java
+++ b/src/main/scala/ai/diffy/proxy/HttpResponse.java
@@ -14,6 +14,9 @@ public HttpResponse(String status, HttpHeaders headers, String body) {
     }
 
     public String getStatus() {
+        if (status.contains(" ")) {
+            return status.trim().split("\\s+")[0];
+        }
         return status;
     }