use px, translate -42

vercel · Jan 10, 2025 · b937e58 · b937e58
1 parent be8599a
commit b937e58
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/...nternal/components/Errors/error-overlay-floating-header/error-overlay-floating-header.tsx b/...nternal/components/Errors/error-overlay-floating-header/error-overlay-floating-header.tsx
@@ -39,7 +39,7 @@ export const styles = css`
 
     width: 100%;
     position: absolute;
-    transform: translateY(-32px);
+    transform: translateY(-42px);
 
     outline: none;
 

diff --git a/...rimental/internal/components/Errors/error-overlay-pagination/error-overlay-pagination.tsx b/...rimental/internal/components/Errors/error-overlay-pagination/error-overlay-pagination.tsx
@@ -166,8 +166,8 @@ export const styles = css`
     justify-content: center;
     align-items: center;
 
-    padding: var(--size-1);
-    gap: var(--size-2);
+    padding: 4px;
+    gap: 8px;
     background: var(--color-background-100);
     box-shadow: var(--shadow-sm);
 
@@ -180,15 +180,15 @@ export const styles = css`
     text-align: center;
     font-size: var(--size-font-small);
     font-weight: 500;
-    line-height: var(--size-4);
+    line-height: 16px;
   }
 
   .error-overlay-pagination-button {
     display: flex;
     justify-content: center;
     align-items: center;
 
-    padding: var(--size-1);
+    padding: 4px;
     background: var(--color-gray-300);
 
     border: none;