diff --git a/public/assets/css/settings/settings.css b/public/assets/css/settings/settings.css
index 88a7993a14..ec828f4787 100644
--- a/public/assets/css/settings/settings.css
+++ b/public/assets/css/settings/settings.css
@@ -14,7 +14,9 @@
       margin-left: var(--unit-size);
       margin-right: var(--unit-size);
       box-shadow: var(--shadow);
-      border-radius: 0 0 var(--unit-size) var(--unit-size);
+      border-radius: var(--small-size);
+      border: solid 2px var(--accent-low);
+      background-color: var(--bg3);
 }
 
 .set-nav {
@@ -27,6 +29,7 @@
       padding: var(--medium-size);
       font-size: var(--medium-size);
       font-family: var(--head-font);
+      border-radius: var(--small-size) var(--small-size) 0 0;
 }
 
 .set-nav ul {
@@ -63,30 +66,28 @@
 .secundary {
       display: flex;
       flex-wrap: wrap;
-      border-radius: 0 0 var(--unit-size) var(--unit-size);
       background-color: var(--bg3);
-      padding: var(--unit-size);
+      margin: var(--unit-size);
+      border: solid 2px var(--accent-low);
+      border-radius: var(--small-size);
+      box-shadow: var(--shadow);
 }
 
 .form {
       order: 3;
-      background-color: var(--bg3);
       padding: calc(2*var(--unit-size));
       font-size: var(--medium-size);
       height: 100%;
       width: 100%;
-      box-shadow: var(--shadow);
-      border-radius: 0 0 var(--unit-size) var(--unit-size);
+      border-radius: 0 0 var(--small-size) var(--small-size);
 }
 .form-single {
       order: 2;
-      background-color: var(--bg3);
       padding: calc(2*var(--unit-size));
       font-size: var(--medium-size);
       height: 100%;
       width: 100%;
-      box-shadow: var(--shadow);
-      border-radius: var(--unit-size);
+      border-radius: var(--small-size);
 }
 
 /* FORMS ------------------------------*/
diff --git a/public/assets/css/settings/settings_mid.css b/public/assets/css/settings/settings_mid.css
index bd9ba0e2a5..a96bdf2eb5 100644
--- a/public/assets/css/settings/settings_mid.css
+++ b/public/assets/css/settings/settings_mid.css
@@ -14,7 +14,9 @@
       margin-left: var(--unit-size);
       margin-right: var(--unit-size);
       box-shadow: var(--shadow);
-      border-radius: 0 0 var(--unit-size) var(--unit-size);
+      border-radius: var(--small-size);
+      border: solid 2px var(--accent-low);
+      background-color: var(--bg3);
 }
 
 .set-nav {
@@ -27,6 +29,7 @@
       padding: var(--medium-size);
       font-size: var(--medium-size);
       font-family: var(--head-font);
+      border-radius: var(--small-size) var(--small-size) 0 0;
 }
 
 .set-nav ul {
@@ -64,30 +67,29 @@
 .secundary {
       display: flex;
       flex-wrap: wrap;
-      border-radius: 0 0 var(--unit-size) var(--unit-size);
       background-color: var(--bg3);
-      padding: var(--unit-size);
+      margin: var(--unit-size);
+      border: solid 2px var(--accent-low);
+      border-radius: var(--small-size);
+      box-shadow: var(--shadow);
 }
 
 .form {
       order: 3;
-      background-color: var(--bg3);
       padding: calc(2*var(--unit-size));
       font-size: var(--medium-size);
       height: 100%;
       width: 100%;
       box-shadow: var(--shadow);
-      border-radius: 0 0 var(--unit-size) var(--unit-size);
+      border-radius: 0 0 var(--small-size) var(--small-size);
 }
 .form-single {
       order: 2;
-      background-color: var(--bg3);
       padding: calc(2*var(--unit-size));
       font-size: var(--medium-size);
       height: 100%;
       width: 100%;
-      box-shadow: var(--shadow);
-      border-radius: var(--unit-size);
+      border-radius: var(--small-size);
 }
 
 /* FORMS ------------------------------*/
diff --git a/public/assets/css/settings/settings_small.css b/public/assets/css/settings/settings_small.css
index 528b45f24c..8f73abef58 100644
--- a/public/assets/css/settings/settings_small.css
+++ b/public/assets/css/settings/settings_small.css
@@ -14,7 +14,9 @@
       margin-left: 1%;
       margin-right: 1%;
       box-shadow: var(--shadow);
-      border-radius: 0 0 var(--unit-size) var(--unit-size);
+      border-radius: var(--small-size);
+      border: solid 2px var(--accent-low);
+      background-color: var(--bg3);
 }
 
 .set-nav {
@@ -27,6 +29,7 @@
       padding: var(--medium-size);
       font-size: var(--medium-size);
       font-family: var(--head-font);
+      border-radius: var(--small-size) var(--small-size) 0 0;
 }
 
 .set-nav ul {
@@ -44,7 +47,7 @@
       flex: 0 1 auto;
       list-style-type: none;
       font-weight: 700;
-      font-size: var(--medium-size);
+      font-size: var(--unit-size);
 }
 
 .set-nav a {
@@ -66,28 +69,28 @@
       flex-wrap: wrap;
       border-radius: 0 0 var(--unit-size) var(--unit-size);
       background-color: var(--bg3);
-      padding: 2%;
+      margin: 2%;
+      border: solid 2px var(--accent-low);
+      border-radius: var(--small-size);
+      box-shadow: var(--shadow);
 }
 
 .form {
       order: 3;
-      background-color: var(--bg3);
       padding: var(--unit-size);
-      font-size: var(--medium-size);
+      font-size: var(--unit-size);
       height: 100%;
       width: 100%;
       box-shadow: var(--shadow);
-      border-radius: 0 0 var(--unit-size) var(--unit-size);
+      border-radius: 0 0 var(--small-size) var(--small-size);
 }
 .form-single {
       order: 2;
-      background-color: var(--bg3);
       padding: var(--unit-size);
-      font-size: var(--medium-size);
+      font-size: var(--unit-size);
       height: 100%;
       width: 100%;
-      box-shadow: var(--shadow);
-      border-radius: var(--unit-size);
+      border-radius: var(--small-size);
 }
 
 /* FORMS ------------------------------*/
diff --git a/templates/settings/base.html.twig b/templates/settings/base.html.twig
index bf837a565f..b154e21253 100644
--- a/templates/settings/base.html.twig
+++ b/templates/settings/base.html.twig
@@ -38,7 +38,6 @@
                         </li>
                     </ul>
                 </nav>
-                <hr>
             {% endblock primary_nav %}
 
             {% block secundary_nav %}