diff --git a/src/frontend_celery/webapp/static/css/styles.css b/src/frontend_celery/webapp/static/css/styles.css
index 9112a570..cd39d7cb 100644
--- a/src/frontend_celery/webapp/static/css/styles.css
+++ b/src/frontend_celery/webapp/static/css/styles.css
@@ -5,6 +5,20 @@
  }*/
 
 
+
+.crossed {
+    background: 
+        linear-gradient(to top left,
+            rgba(0,0,0,0) calc(50% - 0.1em),
+            rgb(255, 0, 0) 50%,
+            rgba(0,0,0,0) calc(50% + 0.1em)),
+        linear-gradient(to top right,
+            rgba(0,0,0,0) calc(50% - 0.1em),
+            rgb(255, 0, 0) 50%,
+            rgba(0,0,0,0) calc(50% + 0.1em));
+}
+
+
 .clickable {
     cursor: pointer;
     color:blue;
diff --git a/src/frontend_celery/webapp/templates/macros.html b/src/frontend_celery/webapp/templates/macros.html
index 61cc5f07..7d527478 100644
--- a/src/frontend_celery/webapp/templates/macros.html
+++ b/src/frontend_celery/webapp/templates/macros.html
@@ -155,6 +155,10 @@
                 <div class='col-3 text-center'>Type</div>
                 <div class='col-8 text-center border-start'>Info</div>
             </div>
+            <div class='row gx-2'>
+                <div class='col-3'>Is selected</div>
+                <div class='col-8 text-center border-start'>{{ criterium.is_selected }}</div>
+            </div>
             <div class='row gx-2'>
                 <div class='col-3'>Strength</div>
                 <div class='col-8 text-center border-start'>{{ criterium.strength }}</div>
@@ -165,7 +169,7 @@
             </div>
             "
     >
-        <div class="btn-{{ criterium.type }} light-hover acmg-button acmg-button-small">{{ criterium.display_name() }}</div>
+        <div class="btn-{{ criterium.type }} light-hover acmg-button acmg-button-small {% if not criterium.is_selected%}crossed{% endif %}">{{ criterium.display_name() }}</div>
     </span>
     {% endfor %}
 {% endmacro %}
@@ -638,6 +642,7 @@
         <th class="width_small">HGVS c.</th>
         <th class="width_small">HGVS p.</th>
         <th class="width_very_small">GENE</th>
+        <th class="text_align_center width_small">Automatic classification</th>
         <th class="text_align_center width_small">Your classification</th>
         <th class="text_align_center width_small">Consensus classification</th>
       </tr>
@@ -697,6 +702,10 @@
                 </div>
             {% endif %}
         </td>
+        <td class="text_align_center clickable" data-href="{{ url_for('variant.display', variant_id=variant.id) }}">
+            {% set automatic_classification = variant.automatic_classification %}
+            {% if automatic_classification is not none %}{{ automatic_classification.classification }}{% else %}-{% endif %}
+        </td>
         <td class="text_align_center clickable" data-href="{{ url_for('variant.display', variant_id=variant.id) }}">
             {% set your_classification = variant.get_recent_user_classification(session['user']['user_id']) %}
             {% if your_classification is not none %} {{ your_classification.selected_class }} {% else %}-{%endif%}
diff --git a/src/frontend_celery/webapp/templates/variant/variant_base.html b/src/frontend_celery/webapp/templates/variant/variant_base.html
index 818d23b6..f0a70000 100644
--- a/src/frontend_celery/webapp/templates/variant/variant_base.html
+++ b/src/frontend_celery/webapp/templates/variant/variant_base.html
@@ -106,7 +106,7 @@ <h4 class="card-subcaption">HerediVar user classifications</h4>
                                 <table class="table table-hover" id="userClassificationsTable">
                                     <thead>
                                         <tr>
-                                            <th class="width_minimal"><div class="sortable">Final class</div><input type="text" class="form-control form-control-sm column-filter sst" placeholder="search..." autocomplete="off"></th>
+                                            <th class="width_minimal text_align_center"><div class="sortable">Final class</div><input type="text" class="form-control form-control-sm column-filter sst" placeholder="search..." autocomplete="off"></th>
                                             <th class="width_small"><div class="sortable">Scheme</div><input type="text" class="form-control form-control-sm column-filter sst" placeholder="search..." autocomplete="off"></th>
                                             <th class="width_medium"><div class="sortable">Selected criteria</div><input type="text" class="form-control form-control-sm column-filter sst" placeholder="search..." autocomplete="off"></th>
                                             <th class="width_medium"><div class="sortable">Comment</div><input type="text" class="form-control form-control-sm column-filter sst" placeholder="search..." autocomplete="off"></th>
@@ -137,38 +137,67 @@ <h4 class="card-subcaption">HerediVar user classifications</h4>
                         </div>
                     </div>
                     {% endif %}
-                    
+
+                    <!-- automatic classification algorithm -->
+                    {% set automatic_classification = variant.automatic_classification %}
+                    {% if automatic_classification is not none %}
+                    <div class="ssb">
+                        <h4 class="card-subcaption">Automatic classification</h4>
+                        <div class="left-space-padding">
+                            <div class="table-responsive tableFixHead">
+                                <table class="table table-borderless">
+                                    <thead>
+                                        <tr>
+                                            <th class="width_very_small text_align_center">Selected class</th>
+                                            <th class="width_very_medium">Date</th>
+                                            <th class="width_small">Scheme</th>
+                                            <th class="">Criteria</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr class="nsl">
+                                            <td class="text_align_center">{{ automatic_classification.classification}}</td>
+                                            <td>{{ automatic_classification.date}}</td>
+                                            <td>{{ automatic_classification.scheme_name}}</td>
+                                            <td class="vertical_align_middle">{{ macros.draw_criteria_display(automatic_classification.criteria) }}</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                    {% endif %}
+
                     <!-- heredicare consensus classifications -->
                     {% set heredicare_consensus_classifications = variant.get_heredicare_consensus_classifications() %}
                     {% if heredicare_consensus_classifications | length > 0 %}
-                        <div class="ssb">
-                            <h4 class="card-subcaption">HerediCare consensus classifications</h4>
-                            
-                                <div class="left-space-padding">
-                                    <table class="table table-borderless table-slim">
-                                        <tbody>
-                                            {% for heredicare_consensus_classification in heredicare_consensus_classifications %}
-                                            <tr class="nsl">
-                                                <td class="li-label width_small">VID {{heredicare_consensus_classification.vid}}</td>
-                                                <td class="vertical_align_middle">
-                                                    <ul class="list-group list-group-horizontal-sm list-nopad-td list-nobackground">
-                                                        <li class="list-group-item noboarder-td width_small">
-                                                            Class: {{heredicare_consensus_classification.selected_class_to_text()}}
-                                                        </li>
-                                                        <li class="list-group-item noboarder-td width_small">
-                                                            Date: {{heredicare_consensus_classification.classification_date}}
-                                                        </li>
-                                                        <li class="list-group-item noboarder-td">
-                                                            Comment: {{heredicare_consensus_classification.comment}}
-                                                        </li>
-                                                    </ul>
-                                                </td>
-                                            </tr>
-                                            {% endfor %}
-                                        </tbody>        
-                                    </table>
-                                </div>
+                    <div class="ssb">
+                        <h4 class="card-subcaption">HerediCare consensus classifications</h4>
+                        <div class="left-space-padding">
+                            <table class="table table-borderless table-slim">
+                                <tbody>
+                                    {% for heredicare_consensus_classification in heredicare_consensus_classifications %}
+                                    <tr class="nsl">
+                                        <td class="li-label width_small">VID {{heredicare_consensus_classification.vid}}</td>
+                                        <td class="vertical_align_middle">
+                                            <ul class="list-group list-group-horizontal-sm list-nopad-td list-nobackground">
+                                                <li class="list-group-item noboarder-td width_small">
+                                                    Class: {{heredicare_consensus_classification.selected_class_to_text()}}
+                                                </li>
+                                                <li class="list-group-item noboarder-td width_small">
+                                                    Date: {{heredicare_consensus_classification.classification_date}}
+                                                </li>
+                                                <li class="list-group-item noboarder-td">
+                                                    Comment: {{heredicare_consensus_classification.comment}}
+                                                </li>
+                                            </ul>
+                                        </td>
+                                    </tr>
+                                    {% endfor %}
+                                </tbody>
+                            </table>
                         </div>
+                    </div>
                     {% endif %}
 
                     <!-- heredicare center classifications -->