adding css for the views pagination

css/styles.css

@@ -8332,6 +8332,11 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] {
     grid-column: 1/3;
     grid-row: 1/2;
     width: 100%; }
+  .view-pager {
+    grid-column: 1/2;
+    grid-row: 3/4;
+    margin: 1.5rem 0;
+    width: 100%; }
   .view-content {
     display: flex;
     -webkit-flex-flow: row wrap;
@@ -8363,6 +8368,11 @@ html:not(.js) .uw-tabcontent[role="tabpanel"][hidden] {
     grid-column: 1/2;
     grid-row: 2/3;
     width: 100%; }
+  .view.with-filters .view-pager {
+    grid-column: 1/2;
+    grid-row: 3/4;
+    margin: 1.5rem 0;
+    width: 100%; }
   .view.with-filters .view-filters {
     background: #fff;
     grid-column: 2/3;

js/component_scripts.min.js

+/**
+ * @file
+ * Ckeditor Modal.
+ */
+
+(function ($, Drupal) {
+  if ($.ui && $.ui.dialog) {
+    orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
+    $.ui.dialog.prototype._allowInteraction = function (event) {
+      if ($(event.target).closest('.cke_dialog').length) {
+        return true;
+      }
+      return orig_allowInteraction.apply(this, arguments);
+    };
+  }
+})(jQuery, Drupal);
+
 /**
  * @file
  */
@@ -373,23 +390,6 @@ else {
   };
 })(jQuery);
 
-/**
- * @file
- * Ckeditor Modal.
- */
-
-(function ($, Drupal) {
-  if ($.ui && $.ui.dialog) {
-    orig_allowInteraction = $.ui.dialog.prototype._allowInteraction;
-    $.ui.dialog.prototype._allowInteraction = function (event) {
-      if ($(event.target).closest('.cke_dialog').length) {
-        return true;
-      }
-      return orig_allowInteraction.apply(this, arguments);
-    };
-  }
-})(jQuery, Drupal);
-
 /**
  * @file
  */

source/_patterns/04-components/view/_view.scss

@@ -50,10 +50,10 @@ $sidebar-width: 18.75rem;
 
   }
   &-pager{
-    //grid-column:1/2;
-    //grid-row:3/4;
-    //margin: rem(gesso-spacing(md)) 0;
-    //width:100%;
+    grid-column:1/2;
+    grid-row:3/4;
+    margin: rem(gesso-spacing(md)) 0;
+    width:100%;
   }
   &-content {
     @include uw-flex-grid();
@@ -90,10 +90,10 @@ $sidebar-width: 18.75rem;
       width:100%;
     }
     .view-pager{
-      //grid-column:1/2;
-      //grid-row:3/4;
-      //margin: rem(gesso-spacing(md)) 0;
-      //width:100%;
+      grid-column:1/2;
+      grid-row:3/4;
+      margin: rem(gesso-spacing(md)) 0;
+      width:100%;
     }
     .view-filters {
       h2{