ui(components): Viewport components updated to ui-next with design updates (#4886)

platform/app/src/components/ViewportGrid.tsx

@@ -376,11 +376,11 @@ function ViewerViewportGrid(props: withAppTypes) {
         const tolerance = 0.01;
 
         if (x + width < 1 - tolerance) {
-          style.borderRight = '1px solid #3a3f99';
+          style.borderRight = '1px solid hsl(var(--input))';
         }
 
         if (y + height < 1 - tolerance) {
-          style.borderBottom = '1px solid #3a3f99';
+          style.borderBottom = '1px solid hsl(var(--input))';
         }
 
         return style;
@@ -446,7 +446,7 @@ function ViewerViewportGrid(props: withAppTypes) {
   return (
     <div
       ref={resizeRef}
-      className="border-secondary-light h-full w-full border"
+      className="border-input h-[calc(100%-0.25rem)] w-full border"
     >
       <ViewportGrid
         numRows={numRows}