diff --git a/frontend/public/css/custom.css b/frontend/public/css/custom.css
index a7b0366..2d661ec 100644
--- a/frontend/public/css/custom.css
+++ b/frontend/public/css/custom.css
@@ -1,4 +1,4 @@
-/* .row {
+.rowp {
     display: flex;
     flex-wrap: wrap;
     padding: 5em;
@@ -13,7 +13,7 @@
     width: 100%;
     display: none;
     border: 2px solid #e5e6e6;
-  } */
+  }
   .avatar{
     
     max-width: 80px;
diff --git a/frontend/public/index.html b/frontend/public/index.html
index fa9b761..7daac6b 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <title>Vision</title>
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
   <link href="css/bootstrap.min.css" rel="stylesheet">
   <!-- Material Design Bootstrap -->
   <!-- Your custom styles (optional) -->
diff --git a/frontend/src/pages/LandingPage/index.js b/frontend/src/pages/LandingPage/index.js
index 86501b6..da4abaf 100644
--- a/frontend/src/pages/LandingPage/index.js
+++ b/frontend/src/pages/LandingPage/index.js
@@ -1,13 +1,6 @@
 import React from "react";
 import "./style.css";
-import "../assets/css/bootstrap.css";
-import "../assets/css/bootstrap.min.css";
-import "../assets/css/mdb.css";
-import "../assets/css/mdb.lite.css";
-import "../assets/css/mdb.lite.min.css";
-import "../assets/css/mdb.min.css";
-import "../assets/css/style.min.css";
-// import {Helmet} from "react-helmet";
+
 class LandingPage extends React.Component{
     state = {
         clicked : false,
diff --git a/frontend/src/pages/MainPage/MultiDropDown.js b/frontend/src/pages/MainPage/MultiDropDown.js
index 346badb..5b5079b 100644
--- a/frontend/src/pages/MainPage/MultiDropDown.js
+++ b/frontend/src/pages/MainPage/MultiDropDown.js
@@ -1,11 +1,4 @@
 import React from "react";
-import "../assets/css/bootstrap.css";
-import "../assets/css/bootstrap.min.css";
-import "../assets/css/mdb.css";
-import "../assets/css/mdb.lite.css";
-import "../assets/css/mdb.lite.min.css";
-import "../assets/css/mdb.min.css";
-import "../assets/css/style.min.css";
 import { connect } from "react-redux";
 import { downloadGenres, getGenres } from "../../actions/imageAction";
 class MultiDropDown extends React.Component{
diff --git a/frontend/src/pages/MainPage/file_upload.js b/frontend/src/pages/MainPage/file_upload.js
index 8c773a3..fc627e6 100644
--- a/frontend/src/pages/MainPage/file_upload.js
+++ b/frontend/src/pages/MainPage/file_upload.js
@@ -1,13 +1,7 @@
 import React from "react";
 import { connect } from "react-redux";
 import { addImage } from "../../actions/imageAction";
-import "../assets/css/bootstrap.css";
-import "../assets/css/bootstrap.min.css";
-import "../assets/css/mdb.css";
-import "../assets/css/mdb.lite.css";
-import "../assets/css/mdb.lite.min.css";
-import "../assets/css/mdb.min.css";
-import "../assets/css/style.min.css";
+
 import { getImages } from "../../actions/imageAction";
 
 class FileUpload extends React.Component{
diff --git a/frontend/src/pages/MainPage/footer-index.js b/frontend/src/pages/MainPage/footer-index.js
index b9ae0d8..9c6aa6e 100644
--- a/frontend/src/pages/MainPage/footer-index.js
+++ b/frontend/src/pages/MainPage/footer-index.js
@@ -1,12 +1,5 @@
 import React from "react";
-// import {Helmet} from "react-helmet";
-import "../assets/css/bootstrap.css";
-import "../assets/css/bootstrap.min.css";
-import "../assets/css/mdb.css";
-import "../assets/css/mdb.lite.css";
-import "../assets/css/mdb.lite.min.css";
-import "../assets/css/mdb.min.css";
-import "../assets/css/style.min.css";
+
 
 class Footer extends React.Component{
     render(){
diff --git a/frontend/src/pages/MainPage/header-index.js b/frontend/src/pages/MainPage/header-index.js
index f50d033..71df05b 100644
--- a/frontend/src/pages/MainPage/header-index.js
+++ b/frontend/src/pages/MainPage/header-index.js
@@ -1,12 +1,5 @@
 import React from "react";
 import img from "../assets/img/avatar-icon-images-4.jpg";
-import "../assets/css/bootstrap.css";
-import "../assets/css/bootstrap.min.css";
-import "../assets/css/mdb.css";
-import "../assets/css/mdb.lite.css";
-import "../assets/css/mdb.lite.min.css";
-import "../assets/css/mdb.min.css";
-import "../assets/css/style.min.css";
 import FileUpload from "./file_upload";
 import { Redirect } from "react-router-dom";
 import { connect } from "react-redux";
@@ -136,7 +129,8 @@ class Header extends React.Component {
           </a>
           <div className="list-group list-group-flush">
             <a href="#" className="list-group-item active waves-effect">
-              <i className="fas fa-chart-pie mr-3"></i>Photos
+              <i className="far fa-images mr-3"></i>Photos
+            
             </a>
             {/* <a href="http://localhost:3000/profile" class="list-group-item list-group-item-action waves-effect">
                         <i class="fas fa-user mr-3"></i>Profile</a> */}
diff --git a/frontend/src/pages/Profile/index.js b/frontend/src/pages/Profile/index.js
index 77b91c0..7d0ab8b 100644
--- a/frontend/src/pages/Profile/index.js
+++ b/frontend/src/pages/Profile/index.js
@@ -161,7 +161,7 @@ class Profile extends React.Component {
           <div class="container-fluid">
 
             <section class="section">
-              <div class="row">
+              <div class="rowp">
                 <div class="col-lg-4 mb-4">
 
                   <div class="card card-cascade narrower">
@@ -174,7 +174,7 @@ class Profile extends React.Component {
                         width: "75%",height: "56%"}} 
                         alt="User Photo" class="z-depth-1 mb-3 mx-auto" />
 
-                      <div class="row flex-center">
+                      <div class="rowp flex-center">
                       <input
                           id = "user_input_file"
                           name="image_input_file"
diff --git a/frontend/src/pages/Register/index.js b/frontend/src/pages/Register/index.js
index 8a966a2..3528e92 100644
--- a/frontend/src/pages/Register/index.js
+++ b/frontend/src/pages/Register/index.js
@@ -3,15 +3,7 @@ import Joi from "@hapi/joi";
 import { connect } from "react-redux";
 import { getOTP, signUpandVerify } from "../../actions/authAction";
 import "./style.css";
-// import {Helmet} from "react-helmet";
 
-import "../assets/css/bootstrap.css";
-import "../assets/css/bootstrap.min.css";
-import "../assets/css/mdb.css";
-import "../assets/css/mdb.lite.css";
-import "../assets/css/mdb.lite.min.css";
-import "../assets/css/mdb.min.css";
-import "../assets/css/style.min.css";