diff --git a/src/TopBar.js b/src/TopBar.js
index bd69162..4705dae 100644
--- a/src/TopBar.js
+++ b/src/TopBar.js
@@ -28,9 +28,9 @@ class TopBar extends Component {
 	render() {
 		return (
 			<React.Fragment>
-				<Navbar bg="dark" className="py-0 px-1 w-100" expand="md">
+				<Navbar bg="primary" varian="dark" className="py-0 px-1 w-100" expand="md">
 					<Navbar.Brand>
-						<Link to="/">HazeTV</Link>
+						<Link className="text-light" to="/">HazeTV</Link>
 					</Navbar.Brand>
 					<Navbar.Toggle aria-controls="basic-navbar-nav" />
 					<Navbar.Collapse id="basic-navbar-nav">
diff --git a/src/VideoInfo.js b/src/VideoInfo.js
index ac6dfbf..c629a1d 100644
--- a/src/VideoInfo.js
+++ b/src/VideoInfo.js
@@ -72,7 +72,7 @@ class VideoInfo extends React.Component {
             );
         } else if (!isLoaded) {
             return <div className="text-center">
-            <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
+            <div className="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
         </div>;
         } else {
             return (
diff --git a/src/Wikipedia.js b/src/Wikipedia.js
index 68c6c49..b91d055 100644
--- a/src/Wikipedia.js
+++ b/src/Wikipedia.js
@@ -154,7 +154,7 @@ class Wikipedia extends Component {
 				else { //oof
 					axios.get(`${musicbrainzBaseUrl}/work`, {
 						params: {
-							'query': 'undefined' === typeof this.props.title ? this.props.title2 : this.props.title,
+							'query': 'undefined' === typeof this.props.title ? 'undefined' === typeof this.props.title2 ? this.props.artist2 : this.props.title2 : this.props.title,
 							'limit': 1,
 							'offset': 0,
 							'fmt': 'json'
@@ -221,12 +221,13 @@ class Wikipedia extends Component {
 			return <React.Fragment>Error: {error.message}</React.Fragment>;
 		} else if (!this.state.isLoaded) {
 			return <Col className="text-center">
-			<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
+			<div className="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
 		</Col>;
 		} else {
-			return (<>
-				{/* {isWikiLoaded && wikipedia.desc} */}
-				<Table bordered variant="dark" hover size="sm">
+			return (
+			// <>
+			// 	{isWikiLoaded && wikipedia.desc}
+				<Table size="sm">
 					<tbody>
 						{isWikiLoaded &&
 							this.state.wikipediakeys.map(key => (
@@ -276,7 +277,7 @@ class Wikipedia extends Component {
 						}
 					</tbody>
 				</Table>
-			</>
+			// </>
 			);
 		}
 	}
diff --git a/src/css/Wikipedia.css b/src/css/Wikipedia.css
index fdc1ae2..a12637e 100644
--- a/src/css/Wikipedia.css
+++ b/src/css/Wikipedia.css
@@ -1,5 +1,8 @@
 a[target=_blank]{
     background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAXklEQVQoka2QwQ3AMAwCs1N28k7eiZ3oI7IcU6efBomXOREyxhUZ2brTdNAcVB2BaJgCVcDAalJLXsB+iLAjm1pAwzHWHD3gWMcMg/ERMjKfFOHVqMEGqEM/gKP/6gE2f+h+Z5P45wAAAABJRU5ErkJggg==') center right no-repeat;
     padding-right: 14px;
-
+   
+}
+tbody a{
+    color: #DF691A !important;
 }
\ No newline at end of file
diff --git a/src/reccomenders/fvitali.js b/src/reccomenders/fvitali.js
index a4f07a6..874280f 100644
--- a/src/reccomenders/fvitali.js
+++ b/src/reccomenders/fvitali.js
@@ -1,9 +1,8 @@
 import React from 'react';
-import { Col, Card } from 'react-bootstrap'; // eslint-disable-line no-unused-vars
+import { Col, Card, Media } from 'react-bootstrap'; // eslint-disable-line no-unused-vars
 import axios from 'axios'; // eslint-disable-line no-unused-vars
 import { Link } from 'react-router-dom'; // eslint-disable-line no-unused-vars
 /*eslint no-console: ["error", { allow: ["warn", "error", "info"] }] */
-import moment from "moment";
 
 class fvitali extends React.Component {
 		state = {
@@ -85,29 +84,51 @@ class fvitali extends React.Component {
 			);
 		} else {
 			return (
-				<React.Fragment>
-					{items.map(item=>( <Col md="4">
-                            <Card key={item.videoID}>
-                                <Link
-                                    to={{
-                                        pathname: '/video/' + item.videoID,
-                                    }}
-                                >
-                                    <Card.Img
-                                        src={item.thumbnail}
-                                        alt={'Thumbnail of ' + item.name}
-                                    />
-                                    <Card.ImgOverlay>
-                                        <Card.Title className="bg-dark d-inline text-white">
-                                             {item.name}<br/>
-                                             {item.lastSelected}
-                                        </Card.Title>
-                                    </Card.ImgOverlay>
-                                </Link>
-                            </Card>
-                        </Col>))}
-
-				</React.Fragment>
+				// <React.Fragment>
+				// 	{items.map(item=>( <Col md="4">
+                //             <Card key={item.videoID}>
+                //                 <Link
+                //                     to={{
+                //                         pathname: '/video/' + item.videoID,
+                //                     }}
+                //                 >
+                //                     <Card.Img
+                //                         src={item.thumbnail}
+                //                         alt={'Thumbnail of ' + item.name}
+                //                     />
+                //                     <Card.ImgOverlay>
+                //                         <Card.Title className="bg-dark d-inline text-white">
+                //                              {item.name}<br/>
+                //                              {item.lastSelected}
+                //                         </Card.Title>
+                //                     </Card.ImgOverlay>
+                //                 </Link>
+                //             </Card>
+                //         </Col>))}
+				// </React.Fragment>
+				<ul className="list-unstyled">{
+                    items.map(item => (
+                        <Link
+                            key={item.videoID}
+                            as="li" className="media mx-5 my-1 suggItem"
+                            to={{
+                                pathname: '/video/' + item.videoID,
+                            }}>
+                            <img
+                                width={240}
+                                height={120}
+                                className="align-self-center mr-3"
+                                src={item.thumbnail}
+                                alt={'Thumbnail of ' + item.name}
+                            />
+                            <Media.Body>
+                                <h5>{item.name}</h5>
+                                <p>{item.lastSelected}</p>
+                                <p>Reccomender: fvitali</p>
+                            </Media.Body>
+                        </Link>
+                    ))
+                }</ul>
 			);
 		}
 	}