diff --git a/web-app/django/VIM/apps/instruments/static/instruments/css/detail.css b/web-app/django/VIM/apps/instruments/static/instruments/css/detail.css
index a8bb4b1..2bd2169 100644
--- a/web-app/django/VIM/apps/instruments/static/instruments/css/detail.css
+++ b/web-app/django/VIM/apps/instruments/static/instruments/css/detail.css
@@ -1,97 +1,97 @@
 .instrument-detail {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    flex-direction: column;
-    padding: 50px;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  flex-direction: column;
+  padding: 50px;
 }
 .detail-header {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  width: 100%;
 }
 .detail-header hr {
-    width: 100%;
+  width: 100%;
 }
 .detail-body {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: space-evenly;
-    align-items: flex-start;
-    width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  align-items: flex-start;
+  width: 100%;
 }
 .detail-image {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-    align-items: flex-start;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
 }
 .instrument-image {
-    max-width: 50%;
-    margin-right: 10px;
+  max-width: 50%;
+  margin-right: 10px;
 }
 .detail-image-caption {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    justify-content: flex-start;
-    align-items: flex-start;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
 }
 .instrument-forms {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: flex-start;
-    width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
+  width: 100%;
 }
 .name-form-item {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    justify-content: space-between;
-    align-items: center;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
 }
 .name-field {
-    width: 90%;
+  width: 90%;
 }
 input.edit-field {
-    width: inherit;
+  width: inherit;
 }
 th[scope="col"] {
-    width: 30%;
+  width: 30%;
 }
 th[scope="row"] {
-    width: 20%;
+  width: 20%;
 }
 .button-group {
-    display:flex;
-    flex-direction: row;
+  display:flex;
+  flex-direction: row;
 }
 .edit-field, .btn.cancel, .btn.publish {
-    display: none;
+  display: none;
 }
 .btn {
-    display: inline-block;
-    padding: 5px 10px;
-    cursor: pointer;
-    text-align: center;
-    text-decoration: none;
-    outline: none;
-    color: #fff;
-    border: none;
-    border-radius: 3px;
-    margin-right: 5px;
+  display: inline-block;
+  padding: 5px 10px;
+  cursor: pointer;
+  text-align: center;
+  text-decoration: none;
+  outline: none;
+  color: #fff;
+  border: none;
+  border-radius: 3px;
+  margin-right: 5px;
 }
 .btn.edit {
-    background-color: #ffc107;
+  background-color: #ffc107;
 }
 .btn.cancel {
-    background-color: #dc3545;
+  background-color: #dc3545;
 }
 .btn.publish {
-    background-color: #28a745;
+  background-color: #28a745;
 }
\ No newline at end of file
diff --git a/web-app/django/VIM/apps/instruments/static/instruments/css/index.css b/web-app/django/VIM/apps/instruments/static/instruments/css/index.css
index 9a27a96..cbd6a2f 100644
--- a/web-app/django/VIM/apps/instruments/static/instruments/css/index.css
+++ b/web-app/django/VIM/apps/instruments/static/instruments/css/index.css
@@ -1,9 +1,9 @@
 @import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css');
 
 h2 {
-    color: #435334;
-    font-size: 30px;
-    font-weight: 800;
+  color: #435334;
+  font-size: 30px;
+  font-weight: 800;
 }
 
 h4 {
diff --git a/web-app/django/VIM/apps/instruments/static/instruments/js/InstrumentDetail.js b/web-app/django/VIM/apps/instruments/static/instruments/js/InstrumentDetail.js
index f91d145..f2efb8b 100644
--- a/web-app/django/VIM/apps/instruments/static/instruments/js/InstrumentDetail.js
+++ b/web-app/django/VIM/apps/instruments/static/instruments/js/InstrumentDetail.js
@@ -1,42 +1,42 @@
 
 document.addEventListener('DOMContentLoaded', function() {
-    const editButtons = document.querySelectorAll('.btn.edit');
-    const cancelButtons = document.querySelectorAll('.btn.cancel');
-    const publishButtons = document.querySelectorAll('.btn.publish');
-    
-    editButtons.forEach(button => {
-        button.addEventListener('click', function() {
-            const parentTd = this.closest('td');
-            parentTd.querySelector('.view-field').style.display = 'none';
-            parentTd.querySelector('.edit-field').style.display = 'inline-block';
-            parentTd.querySelector('.btn.cancel').style.display = 'inline-block';
-            parentTd.querySelector('.btn.publish').style.display = 'inline-block';
-            this.style.display = 'none';
-        });
+  const editButtons = document.querySelectorAll('.btn.edit');
+  const cancelButtons = document.querySelectorAll('.btn.cancel');
+  const publishButtons = document.querySelectorAll('.btn.publish');
+  
+  editButtons.forEach(button => {
+    button.addEventListener('click', function() {
+      const parentTd = this.closest('td');
+      parentTd.querySelector('.view-field').style.display = 'none';
+      parentTd.querySelector('.edit-field').style.display = 'inline-block';
+      parentTd.querySelector('.btn.cancel').style.display = 'inline-block';
+      parentTd.querySelector('.btn.publish').style.display = 'inline-block';
+      this.style.display = 'none';
     });
-    
-    cancelButtons.forEach(button => {
-        button.addEventListener('click', function() {
-            const parentTd = this.closest('td');
-            parentTd.querySelector('.view-field').style.display = 'inline';
-            parentTd.querySelector('.edit-field').style.display = 'none';
-            parentTd.querySelector('.btn.edit').style.display = 'inline-block';
-            parentTd.querySelector('.btn.publish').style.display = 'none';
-            this.style.display = 'none';
-        });
+  });
+  
+  cancelButtons.forEach(button => {
+    button.addEventListener('click', function() {
+      const parentTd = this.closest('td');
+      parentTd.querySelector('.view-field').style.display = 'inline';
+      parentTd.querySelector('.edit-field').style.display = 'none';
+      parentTd.querySelector('.btn.edit').style.display = 'inline-block';
+      parentTd.querySelector('.btn.publish').style.display = 'none';
+      this.style.display = 'none';
     });
+  });
 
-    publishButtons.forEach(button => {
-        button.addEventListener('click', function() {
-            const parentTd = this.closest('td');
-            const newValue = parentTd.querySelector('.edit-field').value;
-            // TODO: request to update the value on the server
-            parentTd.querySelector('.view-field').textContent = newValue;
-            parentTd.querySelector('.view-field').style.display = 'inline';
-            parentTd.querySelector('.edit-field').style.display = 'none';
-            parentTd.querySelector('.btn.edit').style.display = 'inline-block';
-            this.style.display = 'none';
-            parentTd.querySelector('.btn.cancel').style.display = 'none';
-        });
+  publishButtons.forEach(button => {
+    button.addEventListener('click', function() {
+      const parentTd = this.closest('td');
+      const newValue = parentTd.querySelector('.edit-field').value;
+      // TODO: request to update the value on the server
+      parentTd.querySelector('.view-field').textContent = newValue;
+      parentTd.querySelector('.view-field').style.display = 'inline';
+      parentTd.querySelector('.edit-field').style.display = 'none';
+      parentTd.querySelector('.btn.edit').style.display = 'inline-block';
+      this.style.display = 'none';
+      parentTd.querySelector('.btn.cancel').style.display = 'none';
     });
+  });
 });
\ No newline at end of file
diff --git a/web-app/django/VIM/apps/instruments/templates/instruments/detail.html b/web-app/django/VIM/apps/instruments/templates/instruments/detail.html
index e833efa..8d1b864 100644
--- a/web-app/django/VIM/apps/instruments/templates/instruments/detail.html
+++ b/web-app/django/VIM/apps/instruments/templates/instruments/detail.html
@@ -3,153 +3,153 @@
 {% load static %}
 
 {% block title %}
-Instrument Detail
+  Instrument Detail
 {% endblock %}
 
 {% block css_files %}
-<link rel="stylesheet" href="{% static "instruments/css/index.css" %}">
-<link rel="stylesheet" href="{% static "instruments/css/detail.css" %}">
+  <link rel="stylesheet" href="{% static "instruments/css/index.css" %}">
+  <link rel="stylesheet" href="{% static "instruments/css/detail.css" %}">
 {% endblock %}
 
 {% block content %}
-<div class="instrument-detail">
-  <div class="detail-header">
-    <h2>{{ instrument_name_en }}</h2>
-    <hr>
-  </div>
-  <div class="detail-body">
-    <div class="instrument-forms">
-      <table class="table table-sm table-striped table-bordered">
-        <tbody>
-          <tr>
-            <th scope="row">Wikidata ID</th>
-            <td>
-              <div class="name-form-item">
-                <div class="name-field">
-                  <a class="view-field" href="https://www.wikidata.org/wiki/{{ wikidata_id }}" target="_blank">{{ wikidata_id }}</a>
-                  <input class="edit-field" type="text" value="{{ wikidata_id }}">
-                </div>
-                <div class="button-group">
-                  <button class="btn edit">Edit</button>
-                  <button class="btn cancel">Cancel</button>
-                  <button class="btn publish">Publish</button>
-                </div>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">Hornbostel-Sachs Classification</th>
-            <td>
-              <div class="name-form-item">
-                <div class="name-field">
-                  <span class="view-field">{{ hornbostel_sachs_class }}</span>
-                  <input class="edit-field" type="text" value="{{ hornbostel_sachs_class }}">
-                </div>
-                <div class="button-group">
-                  <button class="btn edit">Edit</button>
-                  <button class="btn cancel">Cancel</button>
-                  <button class="btn publish">Publish</button>
+  <div class="instrument-detail">
+    <div class="detail-header">
+      <h2>{{ instrument_name_en }}</h2>
+      <hr>
+    </div>
+    <div class="detail-body">
+      <div class="instrument-forms">
+        <table class="table table-sm table-striped table-bordered">
+          <tbody>
+            <tr>
+              <th scope="row">Wikidata ID</th>
+              <td>
+                <div class="name-form-item">
+                  <div class="name-field">
+                    <a class="view-field" href="https://www.wikidata.org/wiki/{{ wikidata_id }}" target="_blank">{{ wikidata_id }}</a>
+                    <input class="edit-field" type="text" value="{{ wikidata_id }}">
+                  </div>
+                  <div class="button-group">
+                    <button class="btn edit">Edit</button>
+                    <button class="btn cancel">Cancel</button>
+                    <button class="btn publish">Publish</button>
+                  </div>
                 </div>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">Classification</th>
-            <td>
-              <div class="name-form-item">
-                <div class="name-field">
-                  <a class="view-field" href="https://vocabulary.mimo-international.com/InstrumentsKeywords/en/page/{{ mimo_class }}" target="_blank">{{ mimo_class }}</a>
-                  <input class="edit-field" type="text" value="{{ mimo_class }}">
+              </td>
+            </tr>
+            <tr>
+              <th scope="row">Hornbostel-Sachs Classification</th>
+              <td>
+                <div class="name-form-item">
+                  <div class="name-field">
+                    <span class="view-field">{{ hornbostel_sachs_class }}</span>
+                    <input class="edit-field" type="text" value="{{ hornbostel_sachs_class }}">
+                  </div>
+                  <div class="button-group">
+                    <button class="btn edit">Edit</button>
+                    <button class="btn cancel">Cancel</button>
+                    <button class="btn publish">Publish</button>
+                  </div>
                 </div>
-                <div class="button-group">
-                  <button class="btn edit">Edit</button>
-                  <button class="btn cancel">Cancel</button>
-                  <button class="btn publish">Publish</button>
+              </td>
+            </tr>
+            <tr>
+              <th scope="row">Classification</th>
+              <td>
+                <div class="name-form-item">
+                  <div class="name-field">
+                    <a class="view-field" href="https://vocabulary.mimo-international.com/InstrumentsKeywords/en/page/{{ mimo_class }}" target="_blank">{{ mimo_class }}</a>
+                    <input class="edit-field" type="text" value="{{ mimo_class }}">
+                  </div>
+                  <div class="button-group">
+                    <button class="btn edit">Edit</button>
+                    <button class="btn cancel">Cancel</button>
+                    <button class="btn publish">Publish</button>
+                  </div>
                 </div>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">
-              Instrument Names in Different Languages
-            </th>
-            <td>
-              <table class="table table-sm table-striped table-bordered">
-                <thead>
-                  <tr>
-                    <th scope="col"><span class="name-form-item">Language</span></th>
-                    <th scope="col"><span class="name-form-item">Name</span></th>
-                    <th scope="col"><span class="name-form-item">Source</span></th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {% for instrument_name in instrument_names %}
-                  <tr>
-                    <td>
-                      <div class="name-form-item">
-                        <div class="name-field">
-                          <span class="view-field">{{ instrument_name.language_en_label }}</span>
-                          <input class="edit-field" type="text" value="{{ instrument_name.language_en_label }}">
-                        </div>
-                        <div class="button-group">
-                          <button class="btn edit">Edit</button>
-                          <button class="btn cancel">Cancel</button>
-                          <button class="btn publish">Publish</button>
-                        </div>
-                      </div>
-                    </td>
-                    <td>
-                      <div class="name-form-item">
-                        <div class="name-field">
-                          <span class="view-field">{{ instrument_name.name }}</span>
-                          <input class="edit-field" type="text" value="{{ instrument_name.name }}">
-                        </div>
-                        <div class="button-group">
-                          <button class="btn edit">Edit</button>
-                          <button class="btn cancel">Cancel</button>
-                          <button class="btn publish">Publish</button>
+              </td>
+            </tr>
+            <tr>
+              <th scope="row">
+                Instrument Names in Different Languages
+              </th>
+              <td>
+                <table class="table table-sm table-striped table-bordered">
+                  <thead>
+                    <tr>
+                      <th scope="col"><span class="name-form-item">Language</span></th>
+                      <th scope="col"><span class="name-form-item">Name</span></th>
+                      <th scope="col"><span class="name-form-item">Source</span></th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {% for instrument_name in instrument_names %}
+                    <tr>
+                      <td>
+                        <div class="name-form-item">
+                          <div class="name-field">
+                            <span class="view-field">{{ instrument_name.language_en_label }}</span>
+                            <input class="edit-field" type="text" value="{{ instrument_name.language_en_label }}">
+                          </div>
+                          <div class="button-group">
+                            <button class="btn edit">Edit</button>
+                            <button class="btn cancel">Cancel</button>
+                            <button class="btn publish">Publish</button>
+                          </div>
                         </div>
-                      </div>
-                    </td>
-                    <td>
-                      <div class="name-form-item">
-                        <div class="name-field">
-                          <span class="view-field">{{ instrument_name.source_name }}</span>
-                          <input class="edit-field" type="text" value="{{ instrument_name.source_name }}">
+                      </td>
+                      <td>
+                        <div class="name-form-item">
+                          <div class="name-field">
+                            <span class="view-field">{{ instrument_name.name }}</span>
+                            <input class="edit-field" type="text" value="{{ instrument_name.name }}">
+                          </div>
+                          <div class="button-group">
+                            <button class="btn edit">Edit</button>
+                            <button class="btn cancel">Cancel</button>
+                            <button class="btn publish">Publish</button>
+                          </div>
                         </div>
-                        <div class="button-group">
-                          <button class="btn edit">Edit</button>
-                          <button class="btn cancel">Cancel</button>
-                          <button class="btn publish">Publish</button>
+                      </td>
+                      <td>
+                        <div class="name-form-item">
+                          <div class="name-field">
+                            <span class="view-field">{{ instrument_name.source_name }}</span>
+                            <input class="edit-field" type="text" value="{{ instrument_name.source_name }}">
+                          </div>
+                          <div class="button-group">
+                            <button class="btn edit">Edit</button>
+                            <button class="btn cancel">Cancel</button>
+                            <button class="btn publish">Publish</button>
+                          </div>
                         </div>
-                      </div>
-                    </td>
-                  </tr>
-                  {% endfor %}
-                </tbody>
-              </table>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">Image</th>
-            <td>
-              <div class="name-form-item">
-                <div class="detail-image">
-                  <img src="{{ default_image_url }}" alt="{{ instrument_name_en }}" class="figure-img img-fluid rounded instrument-image">
-                  <div class="detail-image-caption">
-                    <a href="{{ default_image_url }}" target="_blank">View image in full size</a>
+                      </td>
+                    </tr>
+                    {% endfor %}
+                  </tbody>
+                </table>
+              </td>
+            </tr>
+            <tr>
+              <th scope="row">Image</th>
+              <td>
+                <div class="name-form-item">
+                  <div class="detail-image">
+                    <img src="{{ default_image_url }}" alt="{{ instrument_name_en }}" class="figure-img img-fluid rounded instrument-image">
+                    <div class="detail-image-caption">
+                      <a href="{{ default_image_url }}" target="_blank">View image in full size</a>
+                    </div>
                   </div>
                 </div>
-              </div>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
-</div>
 {% endblock %}
 
 {% block script %}
-<script src="{% static "instruments/js/InstrumentDetail.js" %}"></script>
+  <script src="{% static "instruments/js/InstrumentDetail.js" %}"></script>
 {% endblock %}
\ No newline at end of file