diff --git a/pgml-dashboard/app/static/css/base.css b/pgml-dashboard/app/static/css/base.css
index 69c316db6..5e3fe39a6 100644
--- a/pgml-dashboard/app/static/css/base.css
+++ b/pgml-dashboard/app/static/css/base.css
@@ -516,9 +516,19 @@ nav ol, nav ul {
   display: none;
 }
 
+main turbo-frame:first-of-type .notebook-cell {
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    border-top: 1px solid var(--gray-8);
+}
+
 .notebook-cell {
+  margin: 0 20px;
+  border-radius: 0;
   padding: 1rem;
   border: 1px solid var(--gray-8);
+  border-top: none;
+  border-bottom: none;
   background: #fff;
 }
 
diff --git a/pgml-dashboard/app/templates/notebooks.html b/pgml-dashboard/app/templates/notebooks.html
index 79454c9d9..19f60cec1 100644
--- a/pgml-dashboard/app/templates/notebooks.html
+++ b/pgml-dashboard/app/templates/notebooks.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block main %}
-<section>
+<div>
    <h1>
     <span class="material-symbols-outlined">newspaper</span>Notebooks
   </h1> 
@@ -19,10 +19,10 @@ <h1>
     {% endfor %}
   </ol>
   {% endif %}
-</section>
+</div>
 
 
-<section>
+<div>
   <h2>New notebook</h2>
 
   <form action="{% url 'notebooks/create' %}" method="post">
@@ -36,5 +36,5 @@ <h2>New notebook</h2>
       <button class="next" type="submit">Create notebook</button>
     </div>
   </form>
-</section>
+</div>
 {% endblock %}