diff --git a/templates/main.html b/templates/main.html
index 2cf95f0..08007bb 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -78,23 +78,26 @@
           <div class ="container">
             <div class = "header-secton">
               <h1>📚 My Library</h1>
+
               <form action ="/add" method ="POST" enctype="multipart/form-data">
                 <input type="text" name="title" placeholder="Title" required>
-            <select name="type">
-                <option value="Book">Book</option>
-                <option value="Show">Show</option>
-              </select>
+                <select name="type">
+                  <option value="Book">Book</option>
+                  <option value="Show">Show</option>
+                </select>
                 <input type="number" name="year" placeholder="Year">
                 <input type="text" name="extra_info" placeholder="Author/Network">
-              <select name="genre_id">
-                {% for g in genres %}
+                <select name="genre_id">
+                  {% for g in genres %}
                     <option value="{{ g.id }}">{{ g.name }}</option>
-                {% endfor %}
-              </select>
-              <input type="file" name="cover_image">
-              <button type="submit">Add Entry</button>
+                  {% endfor %}
+                </select>
+                <input type="file" name="cover_image">
+                <button type="submit">Add Entry</button>
               </form>
             </div>
+
+            <!--the card area-->
             <div class="grid">
               {% for item in items %}
                 {% include 'card.html' %}