diff --git a/public/css/2018.css b/public/css/2018.css
index 09c039c..3455a79 100644
--- a/public/css/2018.css
+++ b/public/css/2018.css
@@ -48,6 +48,18 @@ body {
 	height: 28px;
 }
 
+#alert, #success {
+	top: 40px;
+}
+
+#alert {
+	background: #D86868;
+}
+
+#success {
+	background: #02b757;
+}
+
 .smallnavbarbutton:nth-child(1):hover, .smallnavbarbutton:nth-child(3):hover, .profilefriend #FeedContainerBox1Username:hover, .smallnavbarbutton:nth-child(4):hover, .smallnavbarbutton:nth-child(5):hover, .smallnavbarbutton:nth-child(6):hover {
     color: #00a2ff;
     text-decoration: none;
diff --git a/public/css/app.css b/public/css/app.css
index ed1cc51..22b4fe4 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -10,7 +10,7 @@
   }
 }
 
-#alert {
+#alert, #success {
   height: fit-content;
   margin: 0px;
   position: fixed;
@@ -21,9 +21,16 @@
   padding-left: 5px;
   width: 100%;
   text-align: center;
+}
+
+#alert {
   background: linear-gradient(#f07575 10%, #de2323 100%);
 }
 
+#success {
+  background:linear-gradient(#a3e2bd 10%,#02b757 100%)
+}
+
 .warningtext {
   color: red;
 }
diff --git a/resources/views/messages/deleted.blade.php b/resources/views/messages/deleted.blade.php
index f09bc96..7669c59 100644
--- a/resources/views/messages/deleted.blade.php
+++ b/resources/views/messages/deleted.blade.php
@@ -5,8 +5,7 @@
 
 @section('alert')
     @if (session()->has('success'))
-        <div id="alert"
-            style="background:linear-gradient(0deg,#02b757 0%,#118237 49%,#01a64e 50%,#3fc679 95%,#a3e2bd 100%)">
+        <div id="success">
             {{ session()->get('success') }}
         </div>
     @endif
diff --git a/resources/views/messages/index.blade.php b/resources/views/messages/index.blade.php
index f71f902..641b9ba 100644
--- a/resources/views/messages/index.blade.php
+++ b/resources/views/messages/index.blade.php
@@ -5,9 +5,7 @@
 
 @section('alert')
     @if (session()->has('success'))
-        <div id="alert"
-            style="background:linear-gradient(0deg,#02b757 0%,#118237 49%,#01a64e 50%,#3fc679 95%,#a3e2bd 100%)">
-            {{ session()->get('success') }}</div>
+        <div id="success">{{ session()->get('success') }}</div>
     @endif
     @if ($errors->any())
         <div id="alert">{{ $errors->first() }}</div>
diff --git a/resources/views/messages/sent.blade.php b/resources/views/messages/sent.blade.php
index 366fa0d..c20411a 100644
--- a/resources/views/messages/sent.blade.php
+++ b/resources/views/messages/sent.blade.php
@@ -5,7 +5,7 @@
 
 @section('alert')
     @if (session()->has('success'))
-        <div id="alert" style="background:linear-gradient(0deg,#02b757 0%,#118237 49%,#01a64e 50%,#3fc679 95%,#a3e2bd 100%)">{{ session()->get('success') }}
+        <div id="success">{{ session()->get('success') }}
         </div>
     @endif
 @endsection
diff --git a/resources/views/misc/settings.blade.php b/resources/views/misc/settings.blade.php
index 6dce64e..9c3e057 100644
--- a/resources/views/misc/settings.blade.php
+++ b/resources/views/misc/settings.blade.php
@@ -97,10 +97,7 @@
         <div id="alert">{{ $errors->first() }}</div>
     @endif
     @if (session()->has('change'))
-        <div id="alert"
-            style="background:linear-gradient(0deg,#02b757 0%,#118237 49%,#01a64e 50%,#3fc679 95%,#a3e2bd 100%)">
-            {{ session()->get('change') }}
-        </div>
+        <div id="success">{{ session()->get('change') }}</div>
     @endif
 @endsection