diff --git a/pagure/static/koji.css b/pagure/static/koji.css
index 87e2867..046d6e9 100644
--- a/pagure/static/koji.css
+++ b/pagure/static/koji.css
@@ -394,3 +394,10 @@ color:#aaa;
 }
 
 .footer a, .footer a:hover { color: #d9d9d9; }
+
+#user_graph {
+    background-image: url("images/spinner.gif");
+    background-position: center center;
+    background-repeat: no-repeat;
+    min-height: 150px;
+}
diff --git a/pagure/templates/_render_repo.html b/pagure/templates/_render_repo.html
index 07dcbe1..0e9a006 100644
--- a/pagure/templates/_render_repo.html
+++ b/pagure/templates/_render_repo.html
@@ -211,7 +211,7 @@
 
 {% macro render_contributions_graph(username) %}
   {% if config.get('DATAGREPPER_URL') %}
-  <div class="card" id="group_list">
+  <div class="card" id="user_graph">
     <div class="card-header">
       Contributions <a href="{{config.get('DATAGREPPER_URL')}}/raw?category={{config.get('DATAGREPPER_CATEGORY', 'pagure')}}&user={{username}}" class="btn btn-secondary btn-sm pull-xs-right">View List</a>
     </div>
diff --git a/pagure/templates/user_info.html b/pagure/templates/user_info.html
index f812776..63a4bb6 100644
--- a/pagure/templates/user_info.html
+++ b/pagure/templates/user_info.html
@@ -33,7 +33,7 @@
       <div class="col-md-8">
         {{ render_repos_as_card(repos, repos_length, 'Projects', 'repopage', repopage, total_page_repos) }}
         {{ render_repos_as_card(forks, forks_length,'Forks', 'forkpage', forkpage, total_page_forks) }}
-        {{render_contributions_graph(username)}}
+        {{ render_contributions_graph(username) }}
       </div>
       <div class="col-md-4">
         <div class="card" id="group_list">