diff --git a/src/client/index.ts b/src/client/index.ts
index cff64bb..ca6d5c2 100644
--- a/src/client/index.ts
+++ b/src/client/index.ts
@@ -300,10 +300,8 @@ export interface SchemaUpsertMovie {
   producer: string
   /** @maxLength 255 */
   rating_code: string
-  /** @maxLength 255 */
   reviews: string
   show_time: string
-  /** @maxLength 255 */
   synopsis: string
   /** @maxLength 255 */
   title: string
diff --git a/src/pages/Main/index.tsx b/src/pages/Main/index.tsx
index 4cc9013..0fc26d8 100644
--- a/src/pages/Main/index.tsx
+++ b/src/pages/Main/index.tsx
@@ -21,6 +21,14 @@ const Movie: React.FC<{ movie: SchemaMovie }> = ({ movie }) => {
         <Card.Title>{movie.title}</Card.Title>
         <Card.Text>
           <p>Rating: {movie.rating_code}</p>
+          <p>
+            Date:{' '}
+            {new Date(movie.show_time).toLocaleDateString(undefined, {
+              year: 'numeric',
+              month: 'short',
+              day: 'numeric'
+            })}
+          </p>
           <Card.Link href='#' onClick={handleShow}>
             Watch Trailer
           </Card.Link>
@@ -73,7 +81,7 @@ const RunningMovieList: React.FC<{
   const { data, loading } = useRequest(
     async () =>
       Backend.movie.v1MoviesList({ running: true, search, category, showTime }),
-    { refreshDeps: [search, category], debounceWait: 200 }
+    { refreshDeps: [search, category, showTime], debounceWait: 200 }
   )
   return (
     !loading && (data?.data.data ? <MovieList movies={data.data.data} /> : null)