Some css clean up for backlink section.

components/MDContent.js

@@ -11,22 +11,19 @@ function BackLinks({linkList}) {
             ?
             <>
                 <h3 className="backlink-heading">Link to this note</h3>
-
                 <div className="backlink-container">
                     {linkList.map(aLink =>
                         <div className="backlink">
                             <Link href={aLink.slug}>
-                            <a >
+                                <a>
                                     <p className="backlink-title">{aLink.title}</p>
                                     <p className="backlink-preview">{aLink.shortSummary} </p>
                                 </a>
                             </Link>
-
                         </div>
                     )}
                 </div>
             </>
-
             : <></>}
     </div>);
 }

styles/style.css

@@ -43,8 +43,9 @@ a:hover {
 
 .backlink-container .backlink {
     /*background-color: #f8f2f2;*/
-    margin: 8px;
-    height: 118px;
+    margin: 8px -8px 0px;
+    padding: 8px;
+    height: 116px;
     width: 318px;
     text-decoration: none;
     display: block;
@@ -58,8 +59,8 @@ a:hover {
 }
 
 .backlink-container  .backlink-title {
-    font-size: 12px;
-    line-height: 16px;
+    font-size: 14px;
+    line-height: 18px;
     font-weight: 600;
     text-decoration: none;
 }