From f084597f2b1c6297dd4b96266fde87f098205dee Mon Sep 17 00:00:00 2001
From: Gustavo Lelis <galelis@gmail.com>
Date: Tue, 14 Apr 2020 09:09:57 -0300
Subject: [PATCH] Fix: Active Viewport border width discrepancy causes resize

---
 platform/ui/src/components/ViewportGrid/ViewportGrid.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/platform/ui/src/components/ViewportGrid/ViewportGrid.jsx b/platform/ui/src/components/ViewportGrid/ViewportGrid.jsx
index e71253d11..d2c397973 100644
--- a/platform/ui/src/components/ViewportGrid/ViewportGrid.jsx
+++ b/platform/ui/src/components/ViewportGrid/ViewportGrid.jsx
@@ -9,7 +9,11 @@ const ViewportGrid = ({ rows, cols, viewportContents }) => {
       <div
         key={index}
         className={classnames(
-          'border rounded-lg border-secondary-light hover:border-primary-light transition duration-300'
+          'rounded-lg hover:border-primary-light transition duration-300',
+          {
+            'border-2 border-primary-light -m-px': isActive,
+            'border border-secondary-light': !isActive,
+          }
         )}
       >
         {viewportContent}