fix: Fixes broken style in automation page (#6171)

* fix: Fixes broken style in automation page

* Fix the position of drag handle

Co-authored-by: fayazara <fayazara@gmail.com>
Co-authored-by: Fayaz Ahmed <15716057+fayazara@users.noreply.github.com>

app/javascript/dashboard/assets/scss/_foundation-settings.scss

@@ -75,7 +75,7 @@ Arial,
 sans-serif;
 $body-antialiased: true;
 $global-margin: $space-small;
-$global-padding: $space-micro;
+$global-padding: $space-small;
 $global-weight-normal: normal;
 $global-weight-bold: bold;
 $global-radius: 0;

app/javascript/dashboard/assets/scss/widgets/_modal.scss

@@ -82,8 +82,8 @@
     @include flex-align($x: flex-end, $y: middle);
     padding: $space-small $zero;
 
-    button {
-      font-size: $font-size-small;
+    .button {
+      margin-left: var(--space-small);
     }
 
     &.justify-content-end {