From 847d4e5ce63498026c0333dbaec62bba9b306dbb Mon Sep 17 00:00:00 2001
From: jacobo-dominguez-wgu <jacobo.dominguez@wgu.edu>
Date: Wed, 4 Jun 2025 07:22:45 -0600
Subject: [PATCH] fix: center and align previous and next buttons (#1718)

* fix: prev and next buttons were not propertly centered and aligned

* fix: removing flex-basis property for navigation buttons
---
 src/index.scss | 18 ++----------------
 1 file changed, 2 insertions(+), 16 deletions(-)

diff --git a/src/index.scss b/src/index.scss
index f4ae867e..fe517831 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -328,6 +328,7 @@
 .unit-navigation {
   display: flex;
   justify-content: center;
+  gap: 5px;
   max-width: 640px;
   margin: 0 auto;
 
@@ -344,27 +345,12 @@
       border-radius: 6px;
     }
   }
-
-  .next-button {
-    flex-basis: 75%;
-
-     @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
-       flex-basis: 100%;
-     }
-  }
-
-  .previous-button {
-    flex-basis: 25%;
-
-     @media (max-width: -1 + map-get($grid-breakpoints, "sm")) {
-       flex-basis: 100%;
-     }
-  }
 }
 
 .top-unit-navigation {
   display: flex;
   max-width: 100%;
+  gap: 5px;
   justify-content: flex-end;
 
   .next-button,