diff --git a/src/App.css b/src/App.css
index 912868632..377d89eac 100644
--- a/src/App.css
+++ b/src/App.css
@@ -52,6 +52,10 @@ li {
   font-family: 'Nunito', sans-serif;
 }
 
+.homepage__title {
+  font-weight: bolder;
+}
+
 .homepage-p {
   font-size: 1.5rem;
 }
diff --git a/src/components/Movie.css b/src/components/Movie.css
index 406ecfb97..6f6b62613 100644
--- a/src/components/Movie.css
+++ b/src/components/Movie.css
@@ -2,16 +2,20 @@
   font-family: 'Nunito', sans-serif;
 }
 
+/* .space {
+  display: flex;
+  justify-content: space-around;
+} */
+
 .movie__header {
   text-align: center;
-  font-size: 4rem;
   font-weight: bolder;
 }
 
 .movie__title {
   text-align: center;
   font-weight: bolder;
-  font-size: 3rem;
+  font-size: 2rem;
 }
 
 .card {
diff --git a/src/components/Movie.js b/src/components/Movie.js
index 0279413d7..9ee5b3f7a 100644
--- a/src/components/Movie.js
+++ b/src/components/Movie.js
@@ -12,7 +12,7 @@ const Movie = (props) => {
     <div className="movie card">
         <div className="movie__section card-body">
           <h3 className="movie__title card-title">{props.title}</h3>
-            <img className="image card-img-top" src={props.image_url} alt="this is an image"/>
+            <img className="card-img-top" src={props.image_url} alt="this is an image"/>
             <div className="middle">
               <div className="text card-text">{props.overview}</div>
             </div>
diff --git a/src/components/RentalLibrary.css b/src/components/RentalLibrary.css
new file mode 100644
index 000000000..145dd3d9a
--- /dev/null
+++ b/src/components/RentalLibrary.css
@@ -0,0 +1,4 @@
+.row {
+    display: flex;
+    justify-content: space-around;
+}
diff --git a/src/components/RentalLibrary.js b/src/components/RentalLibrary.js
index ffcefbf29..84acc0f39 100644
--- a/src/components/RentalLibrary.js
+++ b/src/components/RentalLibrary.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import axios from 'axios';
 import Movie from './Movie';
+import './RentalLibrary';
 
 class RentalLibrary extends Component {
   constructor(props) {
diff --git a/src/components/Result.js b/src/components/Result.js
index f2d185023..a9e899a2c 100644
--- a/src/components/Result.js
+++ b/src/components/Result.js
@@ -7,16 +7,17 @@ const Result = (props) => {
 
   return (
     <div className="result card">
-        <div className="result__section">
-          <h3 className="result__title">{props.title}</h3>
-            <img className="image" src={props.image_url} alt="this is an image"/>
+        <div className="result__section card-body">
+          <h3 className="result__title card-title">{props.title}</h3>
+            <img className="image card-img-top" src={props.image_url} alt="this is an image"/>
             <div className="middle">
-              <div className="text">{props.overview}</div>
+              <div className="text card-text">{props.overview}</div>
             </div>
           <div className="result__info">
             <span>
-              <button onClick={() => props.addMovieCallback(props)}>
+              <button className="select__result btn btn-dark"> <a href="#" onClick={() => props.addMovieCallback(props)}>
                 Add to Rental Library
+                </a>
               </button>
             </span> 
           </div>
diff --git a/src/components/Search.css b/src/components/Search.css
index 455cff36b..b2d18d414 100644
--- a/src/components/Search.css
+++ b/src/components/Search.css
@@ -3,6 +3,10 @@
     font-family: 'Nunito', sans-serif;
 }
 
+.search-space {
+    margin-bottom: 3rem;
+}
+
 .search-label {
     margin-top: 1em;
     font-size: 1.4rem;
@@ -16,3 +20,11 @@
     margin-right: 1em;
 }
 
+.row {
+    display: flex;
+}
+
+.search-movie {
+    font-weight: bolder;
+}
+
diff --git a/src/components/Search.js b/src/components/Search.js
index 2d70f3261..0bf6215cc 100644
--- a/src/components/Search.js
+++ b/src/components/Search.js
@@ -109,10 +109,10 @@ class Search extends Component {
     return (
       <div className="search">
         <form className="search-movie-form" onSubmit={this.onSearch}>
-          <div className="search-movie">
-              <h1>Search for new Movies</h1>
+          <div>
+              <h1 className="search-movie">Search for new Movies</h1>
           </div>
-          <div className="search-label">
+          <div className="search-label search-space">
               <label className="search-form-item-label"
                 htmlFor="title">Movie Title:</label>
               <input className="search-form-item-form"
@@ -125,7 +125,7 @@ class Search extends Component {
           
           
       </form>
-      <div>
+      <div className="row">
         {results}
       </div>
     </div>