diff --git a/resources/css/form.css b/resources/css/form.css
index 19f7cc7..629ee47 100644
--- a/resources/css/form.css
+++ b/resources/css/form.css
@@ -1,10 +1,29 @@
- .clients-form__container {
-     .form-wrap {
-         position: relative;
-         min-height: 350px;
-         max-height: 600px;
-         overflow: visible;
+ .form-wrap {
+     position: relative;
+     min-height: 350px;
+     max-height: 600px;
+     overflow: hidden;
 
+     .dots {
+         position: absolute;
+         bottom: 0;
+        mask-image: linear-gradient(to bottom, transparent, black);
+     }
+ }
+
+ .form-wrap__inner {
+     position: absolute;
+     top: 0;
+     left: 0;
+     right: 0;
+     transition: min-height 0.15s ease-out;
+ }
+
+ .form-wrap:hover {
+     overflow: visible;
+
+     .dots {
+         display: none;
      }
 
      .form-wrap__inner {
@@ -13,9 +32,12 @@
          left: 0;
          right: 0;
          min-height: 100%;
-
+         transition: min-height 0.25s ease-in;
      }
+ }
 
+
+ .clients-form__container {
      .form-loading {
          filter: blur(2px);
      }
diff --git a/resources/views/user/dashboard.blade.php b/resources/views/user/dashboard.blade.php
index fed9c35..9ff21c8 100644
--- a/resources/views/user/dashboard.blade.php
+++ b/resources/views/user/dashboard.blade.php
@@ -53,6 +53,11 @@ class="btn list-group-item list-group-item-action p-3 bg-white rounded border bo
                         </div>
                         <livewire:ClientCreator />
                     </div>
+                    <div class="dots bg-primary p-1 w-100">
+                        <div class="text-center" style="margin-bottom:-9px">
+                            <i class="bi bi-three-dots"></i>
+                        </div> 
+                    </div>
                 </div>
             </div>
         @endif