diff --git a/apps/note/templates/note/conso_form.html b/apps/note/templates/note/conso_form.html
index a3c2fe1f4c61bc5ac96b225bea166259f36f351b..8e9073aa62c7f19af1b5a7a3524d6400264dcfc5 100644
--- a/apps/note/templates/note/conso_form.html
+++ b/apps/note/templates/note/conso_form.html
@@ -19,7 +19,7 @@
                             <img src="/media/pic/default.png"
                                  id="profile_pic" alt="" class="card-img-top">
                         </a>
-                        <div class="card-body text-center">
+                        <div class="card-body text-center text-break">
                             <span id="user_note"></span>
                         </div>
                     </div>
diff --git a/apps/note/templates/note/transaction_form.html b/apps/note/templates/note/transaction_form.html
index 2925abdfece5724e30872263f5ffc7e3494e7fd8..f6e1f8c09dfb4a6c7679f5aef9b3abfc967c18af 100644
--- a/apps/note/templates/note/transaction_form.html
+++ b/apps/note/templates/note/transaction_form.html
@@ -9,7 +9,7 @@ SPDX-License-Identifier: GPL-2.0-or-later
 {# bandeau transfert/crédit/débit/activité #}
     <div class="row">
         <div class="col-xl-12">
-            <div class="btn-group btn-group-toggle bg-light" style="width: 100%" data-toggle="buttons">
+            <div class="btn-group btn-group-toggle btn-block" data-toggle="buttons">
                 <label for="type_transfer" class="btn btn-sm btn-outline-primary active">
                     <input type="radio" name="transaction_type" id="type_transfer">
                     {% trans "Transfer" %}
diff --git a/note_kfet/static/css/custom.css b/note_kfet/static/css/custom.css
index cfd42a86879e0dad873e74e99a7168c3e1a167c0..235baac9b1eab80c80751353af40d71f8bd3ac85 100644
--- a/note_kfet/static/css/custom.css
+++ b/note_kfet/static/css/custom.css
@@ -5,18 +5,21 @@
 
 /* Opaque tooltip with white background */
 .tooltip.show {
-   opacity: 1;
+    opacity: 1;
 }
+
 .tooltip-inner {
     background-color: #fff;
-    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
-    border: 1px solid rgba(0,0,0,.250);
+    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
+    border: 1px solid rgba(0, 0, 0, .250);
     color: #000;
     margin: 0 .5rem .25rem .5rem;
     padding: 0;
+    width: 200px;
 }
+
 .bs-tooltip-bottom .arrow::before {
-    border-bottom-color: rgba(0,0,0,.250);
+    border-bottom-color: rgba(0, 0, 0, .250);
 }
 
 /* Limit fluid container to a max size */
@@ -48,10 +51,30 @@ select.language {
 .bg-primary {
     background-color: rgb(0, 119, 139) !important;
 }
+
 html {
     scrollbar-color: rgba(121, 121, 123, 1) rgba(35, 35, 39, 1);
 }
+
 body {
     background-color: rgba(64, 64, 64, 1);
     background-image: url(../img/background-texture.png);
 }
+
+.btn-outline-primary:hover,
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.btn-outline-primary:not(:disabled):not(.disabled):active {
+    color: #fff;
+    background-color: rgb(0, 119, 139);
+    border-color: rgb(0, 119, 139);
+}
+
+.btn-outline-primary {
+    color: rgb(0, 119, 139);
+    background-color: rgba(248, 249, 250, 0.9);
+    border-color: rgb(0, 119, 139);
+}
+
+.turbolinks-progress-bar {
+    background-color: #01D3FB;
+}
\ No newline at end of file