fix: style of add page selector

src/components/ChoiceSelect/ChoiceSelect.css

@@ -45,7 +45,7 @@
   position: absolute;
   right: var(--space-2);
   top: 50%;
-  height: 70%;
+  height: 45%;
   aspect-ratio: 1;
   transform: translateY(-50%);
 

src/components/ChoiceStepper/ChoiceStepper.css

@@ -39,20 +39,21 @@
 
 .choice-stepper__arrows {
   flex: 0 0 auto;
+
   display: flex;
   flex-direction: column;
   justify-content: center;
-  gap: 0.5cqh;
 
   height: 100%;
+
   box-sizing: border-box;
-  padding: 1cqh;
-  padding-left: 0;
 }
 
 .choice-stepper__arrow-btn {
-  aspect-ratio: 1;
-  height: 4.5cqh;
+  width: 3cqh;
+  height: 3cqh;
+
+  min-width: 0;
   min-height: 0;
 
   display: flex;
@@ -60,10 +61,13 @@
   justify-content: center;
 
   padding: 0;
-  color: var(--accent-brand);
+  padding-top: 0.2cqh;
+  margin: 0;
 
+  color: var(--accent-brand);
   background: transparent;
-  border-radius: 1cqh;
+  border: none;
+  border-radius: 0.75cqh;
 
   cursor: pointer;
 }
@@ -74,7 +78,7 @@
 }
 
 .choice-stepper__arrow-btn svg {
-  width: 100%;
+  display: block;
   height: 100%;
 }