diff --git a/src/components/presentational/CardSource.js b/src/components/presentational/CardSource.js
index c66d685..95fdb06 100644
--- a/src/components/presentational/CardSource.js
+++ b/src/components/presentational/CardSource.js
@@ -6,24 +6,22 @@ import copy from '../../js/data/copy.json'
 const CardSource = ({ source, language, isLoading, error }) => {
   const source_lang = copy[language].cardstack.source
 
-  if (isLoading) {
-    return <Spinner />
-  }
-
   function renderSource() {
-    return (
+    return source.error ? (
+      <div><small>{source.error}</small></div>
+    ) : (
       <div><p>TODO: display source properly.</p></div>
     )
   }
 
+  function renderContent() {
+    return isLoading ? <Spinner/> : renderSource()
+  }
+
   return (
     <div className="card-col card-cell source">
       <h4>{source_lang}: </h4>
-      {source.error ? (
-        <div><small>{source.error}</small></div>
-      ) : (
-        renderSource()
-      )}
+      {renderContent()}
     </div>
   )
 }