diff --git a/src/components/cards/repo.jsx b/src/components/cards/repo.jsx
index 4125a53..9bd0c4e 100644
--- a/src/components/cards/repo.jsx
+++ b/src/components/cards/repo.jsx
@@ -3,11 +3,11 @@ import React, { useState, useEffect } from "react";
 import CompatBtn from "../compatbtn";
 import { GoVerified } from "react-icons/go";
 
-const RepoCard = ({ data, isFirst }) => {
+const RepoCard = ({ repoData, isFirst }) => {
     const [data, setData] = useState(null)
 
-    const url = (typeof data === 'string') ? data : data.url
-    const isVerified = (typeof data === 'object' && data.verified)
+    const url = (typeof repoData === 'string') ? repoData : repoData.url
+    const isVerified = (typeof repoData === 'object' && repoData.verified)
 
     useEffect(() => {
         fetch(url)
@@ -22,8 +22,8 @@ const RepoCard = ({ data, isFirst }) => {
     }
 
     return <article className="card bg-base-200 shadow-xl w-full mx-10 md:w-2/3 mb-5">
-        <div className="card-body flex flex-row">
-            <h2 className="card-title">
+        <div className="card-body">
+            <h2 className="card-title flex flex-row">
                 {isVerified &&
                     <div class="tooltip" data-tip="Verified safe">
                         <GoVerified class="stroke-current flex-shrink-0 h-6 w-6 success" />
diff --git a/src/pages/repos.js b/src/pages/repos.js
index bf648d0..c28d92a 100644
--- a/src/pages/repos.js
+++ b/src/pages/repos.js
@@ -29,7 +29,7 @@ const IndexPage = () => {
                 </div>
             </div>
             {repos &&
-                repos.map((it, index) => <RepoCard url={it} key={index} isFirst={index===0}/>)
+                repos.map((it, index) => <RepoCard repoData={it} key={index} isFirst={index===0}/>)
             }
         </div>
     </Layout>