diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss
index 935b5a5c4..2fddd4352 100644
--- a/extensions/odoo_theme/static/style.scss
+++ b/extensions/odoo_theme/static/style.scss
@@ -588,21 +588,21 @@ header.o_main_header{
 // alert-go_to
 // alert-exercise
 // alert-success
-
         .alert {
             position: relative;
             display: block;
             border-radius: 0;
             border-width: 0 0 0 3px;
+            @include font-size($font-size-secondary);
 
-            > p {
+            > p , > ul{
                 margin-bottom: 0;
             }
 
             > h3, > .alert-title {
                 line-height: 1em;
                 margin: 0 0 10px 0;
-                font-size: 1rem;
+                @include font-size($font-size-base);
                 font-weight: $fw_bold;
 
                 &:before {
@@ -656,16 +656,30 @@ header.o_main_header{
             }
 
             &.alert-tip, &.tip {
-                border-color: tint-color($brand-info, 30%);
-                background-color: tint-color($brand-info, 85%);
-                color: shade-color($brand-info, 35%);
+                border: none;
+                background-color: tint-color($info, 85%);
+                color: shade-color($info, 65%);
+                padding-left:3rem;
+                padding-right: 2rem;
+                margin-left: -3rem;
+                margin-right: -2rem;
 
                 > .alert-title, > h3 {
-                    color: $brand-info
+                    color: shade-color($info, 50%);
+                    display: inline-block;
+                    margin-bottom: 0;
+                    margin-right: .5rem;
+                    &:before {
+                        content: '#{$i-lightbulb}';
+                        vertical-align: text-top;
+                    }
+                    &:after {
+                        content: ':';
+                    }
                 }
 
-                > .alert-title:before, > h3:before {
-                    content: '#{$i-lightbulb}';
+                > p {
+                   display: inline-block;
                 }
             }
 
@@ -712,8 +726,7 @@ header.o_main_header{
                 border-color: tint-color($secondary, 60%);
                 background-color: tint-color($secondary, 80%);
                 border-width: 2px;
-                margin: 2em auto;
-
+                width: calc(50% - 1rem);
                 a {
                     color: shade-color($secondary, 35%);
                 }