diff --git a/php/Database.php b/api/Database.php
similarity index 100%
rename from php/Database.php
rename to api/Database.php
diff --git a/php/extractvideopreviews.php b/api/extractvideopreviews.php
similarity index 100%
rename from php/extractvideopreviews.php
rename to api/extractvideopreviews.php
diff --git a/php/videoload.php b/api/videoload.php
similarity index 100%
rename from php/videoload.php
rename to api/videoload.php
diff --git a/src/App.js b/src/App.js
index 35baef3..1c1aadc 100644
--- a/src/App.js
+++ b/src/App.js
@@ -19,7 +19,7 @@ class App extends React.Component {
         return (
             <div className="App">
                 <nav className="navbar navbar-expand-sm bg-primary navbar-dark">
-                    <div className="navbar-brand">Lukis Tube</div>
+                    <div className="navbar-brand">OpenMediaCenter</div>
 
                     <ul className="navbar-nav">
                         <li className="nav-item">
diff --git a/src/HomePage.js b/src/HomePage.js
index 7836e01..8575637 100644
--- a/src/HomePage.js
+++ b/src/HomePage.js
@@ -29,7 +29,7 @@ class HomePage extends React.Component {
         updateRequest.append('action', 'getMovies');
 
         // fetch all videos available
-        fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
+        fetch('/api/videoload.php', {method: 'POST', body: updateRequest})
             .then((response) => response.json()
                 .then((result) => {
                     this.data = result;
diff --git a/src/Player.js b/src/Player.js
index 429daa8..e1686a7 100644
--- a/src/Player.js
+++ b/src/Player.js
@@ -35,7 +35,7 @@ class Player extends React.Component {
 
     render() {
         return (
-            <div>
+            <div id='videocontainer'>
                 <div className="row">
                     <div className="col-sm-2">
                         <div className="videoleftbanner">
@@ -81,7 +81,7 @@ class Player extends React.Component {
         updateRequest.append('action', 'loadVideo');
         updateRequest.append('movieid', this.props.movie_id);
 
-        fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
+        fetch('/api/videoload.php', {method: 'POST', body: updateRequest})
             .then((response) => response.json())
             .then((result) => {
                 this.setState({
@@ -108,7 +108,7 @@ class Player extends React.Component {
         updateRequest.append('action', 'addLike');
         updateRequest.append('movieid', this.props.movie_id);
 
-        fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
+        fetch('/api/videoload.php', {method: 'POST', body: updateRequest})
             .then((response) => response.json())
             .then((result) => {
                 if(result.result === "success"){
diff --git a/src/Preview.js b/src/Preview.js
index 8028c33..cd6dd04 100644
--- a/src/Preview.js
+++ b/src/Preview.js
@@ -27,7 +27,7 @@ class Preview extends React.Component {
         updateRequest.append('action', 'readThumbnail');
         updateRequest.append('movieid', this.props.movie_id);
 
-        fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
+        fetch('/api/videoload.php', {method: 'POST', body: updateRequest})
             .then((response) => response.text())
             .then((result) => {
                 this.setState(prevState => ({
diff --git a/src/RandomPage.js b/src/RandomPage.js
index 2f40a7f..a574ee6 100644
--- a/src/RandomPage.js
+++ b/src/RandomPage.js
@@ -3,7 +3,7 @@ import Preview from "./Preview";
 import "./css/RandomPage.css"
 
 class RandomPage extends React.Component {
-    constructor(props: P, context: any) {
+    constructor(props, context) {
         super(props, context);
 
         this.state = {
@@ -53,7 +53,7 @@ class RandomPage extends React.Component {
         updateRequest.append('number', nr);
 
         // fetch all videos available
-        fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
+        fetch('/api/videoload.php', {method: 'POST', body: updateRequest})
             .then((response) => response.json()
                 .then((result) => {
                     this.setState({videos: result});
@@ -64,4 +64,4 @@ class RandomPage extends React.Component {
     }
 }
 
-export default RandomPage;
\ No newline at end of file
+export default RandomPage;
diff --git a/src/css/Preview.css b/src/css/Preview.css
index 2b546ee..863f7c1 100644
--- a/src/css/Preview.css
+++ b/src/css/Preview.css
@@ -8,9 +8,9 @@
     height: 80%;
 }
 
-.previewimage{
-    width:100%;
-    height:100%;
+.previewimage {
+    width: 100%;
+    height: 100%;
 }
 
 .videopreview {