diff --git a/client/src/App.css b/client/src/App.css
index fdc1d5d95d6e29321b2ff7fa440e51c7aa25a6ad..d09e29e515cc1a876f3fe723c2d6397a6d82fb9a 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -14,7 +14,9 @@
 }
 
 .header {
-  background-color: gray;
+  position: fixed;
+  width: 100%;
+  background-color: rgb(1, 0, 34);
   min-height: 5vh;
   display: flex;
   flex-direction: row;
@@ -24,6 +26,7 @@
   color: white;
   font-size: large;
   margin: auto;
+  z-index: 10;
 }
 
 #textfield1, #textfield2, #checkbox1  {
@@ -55,6 +58,8 @@
 }
 
 table {
+  position: absolute;
+  margin-top: 5vh;
   table-layout:fixed;
   width: 100%;
   text-align: center;
@@ -62,15 +67,15 @@ table {
 
 th {
   color: white;
-  background-color: rgb(20, 16, 63);
+  background-color: rgb(38, 59, 90);
 }
 
 tr:nth-child(even) {
-  background-color: #cdd1ea;
+  background-color: #c8ddeb;
 }
 
 table, th, td {
-  border: 1px solid #cdd6ea;
+  border: 1px solid #c5d7ff;
   padding: 1em;
   overflow: visible;
   word-wrap: break-word;
diff --git a/client/src/components/Movies.tsx b/client/src/components/Movies.tsx
index 2591a6823c190d937d46d1c8e3ae094f6a48e4fa..7c8e92e63238b5339a3fc7f6ca3fc2cfc595883c 100644
--- a/client/src/components/Movies.tsx
+++ b/client/src/components/Movies.tsx
@@ -45,7 +45,6 @@ function Movies(props: MoviesProps){
             pageStart={0}
             loadMore={() => {
                 if (MoviesStore.hasMore){
-                    if(MoviesStore.movies.length )
                     getAllMovies({ lim: MoviesStore.movies.length + 13 })
                 }
             }}