diff --git a/demo/src/main/resources/static/css/create-recipe.css b/demo/src/main/resources/static/css/create-recipe.css
index 1e2e8cc..35f384f 100644
--- a/demo/src/main/resources/static/css/create-recipe.css
+++ b/demo/src/main/resources/static/css/create-recipe.css
@@ -348,6 +348,10 @@ textarea {
   background: var(--dusty-red-hover);
 }
 
+.btn-create:hover {
+  transform: scale(1.03);
+}
+
 .btn-create {
   width: 50%;
   font-size: 20px;
@@ -355,6 +359,8 @@ textarea {
   border-radius: 10px;
   padding: 0 20px;
   height: 46px;
+  
+  transition: background-color 0.1s ease, transform 0.2s ease;
 }
   
 /* small screens */
diff --git a/demo/src/main/resources/static/css/login.css b/demo/src/main/resources/static/css/login.css
index 43102fc..e5aaa30 100644
--- a/demo/src/main/resources/static/css/login.css
+++ b/demo/src/main/resources/static/css/login.css
@@ -129,6 +129,10 @@ html {
   box-sizing: border-box;
 }
 
+.alert {
+  color: var(--dusty-red);
+}
+
 /* =========================
    Button Styles
 ========================= */
diff --git a/demo/src/main/resources/templates/login.html b/demo/src/main/resources/templates/login.html
index 401a4c7..91c114c 100644
--- a/demo/src/main/resources/templates/login.html
+++ b/demo/src/main/resources/templates/login.html
@@ -19,9 +19,9 @@
     <main class="main-content">
       <div class="login-box">
         <h2>Log In</h2>
-        <div th:if="${param.error}">
+        <div th:if="${param.error}" class="alert">
           Invalid username and password.</div>
-        <div th:if="${param.logout}">
+        <div th:if="${param.logout}" class="alert">
           You have been logged out.</div>
         <form th:action="@{/login}" method="post">
           <label for="username">Username</label>