Updated

Frontend/admin/package-lock.json

@@ -17,8 +17,8 @@
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
         "axios": "^1.5.0",
-        "file-saver": "^2.0.5",
         "chart.js": "^4.4.0",
+        "file-saver": "^2.0.5",
         "install": "^0.13.0",
         "npm": "^9.8.1",
         "react": "^18.2.0",

Frontend/admin/src/css/movie-analysis.css

@@ -3,11 +3,13 @@
   width: 79.5%;
   margin-left: auto;
   margin-right: 0;
+  overflow: hidden;
 }
 .movie-page-container-title {
   font-size: 23px;
   font-weight: 500;
   font-family: system-ui;
+  margin-top: 3%;
 }
 .movie-page-result-container {
   width: 98%;

Frontend/admin/src/pages/movie-analysis.jsx

@@ -5,7 +5,7 @@ import Background from "../images/movie.jpeg";
 import Background2 from "../images/images.jpeg";
 import CloseIcon from "@mui/icons-material/Close";
 import axios from "axios";
-import Loader from "../components/loader";
+import Loader from "../components/Loader";
 
 function MovieAnalysis() {
   const [formActive, setFormActive] = useState(false);
@@ -132,9 +132,8 @@ function MovieAnalysis() {
         openState={loader}
         message="We are currently analyzing the movie. Please be patient."
       />
-      <label className="movie-page-container-title">
-        Movies Analyzed Results
-      </label>
+
+      <div className="movie-page-container-title">Movies Analyzed Results</div>
       <div className="movie-page-result-container">
         {movies.map((movie, index) => (
           <MovieAnalysisCard