diff --git a/fe/src/App.css b/fe/src/App.css
index 29fbded..2f5c6d0 100644
--- a/fe/src/App.css
+++ b/fe/src/App.css
@@ -38,6 +38,7 @@ header {
 main {
   flex-grow: 1;
   background: linear-gradient(220deg, var(--jf-gradient-color-secondary-dark), var(--jf-gradient-color-primary-dark));
+  padding: 7px 15px;
 }
 
 h1 {
diff --git a/fe/src/components/search/SearchResults.tsx b/fe/src/components/search/SearchResult.tsx
similarity index 70%
rename from fe/src/components/search/SearchResults.tsx
rename to fe/src/components/search/SearchResult.tsx
index b4e1146..a109d2e 100644
--- a/fe/src/components/search/SearchResults.tsx
+++ b/fe/src/components/search/SearchResult.tsx
@@ -1,9 +1,9 @@
-interface SearchResultsProps {
+interface SearchResultProps {
   items: object[],
 }
 
-const SearchResults = ({ items }: SearchResultsProps) => (
-  <div className="search-results-wrapper">
+const SearchResult = ({ items }: SearchResultProps) => (
+  <div className="search-result-wrapper">
     {items.length > 0 && items.map((item) => {
       const { Title, Poster, imdbID, Year, Type } = item;
       return (
@@ -22,4 +22,4 @@ const SearchResults = ({ items }: SearchResultsProps) => (
   </div>
 );
 
-export default SearchResults;
+export default SearchResult;