diff --git a/public/favicon.ico b/public/favicon.ico
index a11777c..6cb055b 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
index b0e18ae..d5a0e3d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-		<title>React App</title>
+		<title>Datify</title>
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/src/components/Match.js b/src/components/Match.js
index 379f612..0c5a3df 100644
--- a/src/components/Match.js
+++ b/src/components/Match.js
@@ -20,7 +20,7 @@ export default class Match extends Component {
         style={{ minHeight: "100vh" }}
       >
         {this.props.isFirstForm && (
-          <div className="slide-in-from-right">
+          <div className="fade-in">
             <div className="cardMatch d-flex flex-column align-items-center shadow-lg">
               <SongInput
                 token={this.props.token}
@@ -99,7 +99,7 @@ export default class Match extends Component {
         )}
 
         {this.props.isSecondForm && (
-          <div className="slide-in-from-left">
+          <div className="fade-in">
             <div className="cardMatch d-flex flex-column align-items-center shadow-lg">
               <SongInput
                 token={this.props.token}
