From ddc78cc46c0f6fe7bfc0a4839b0186bce9445fcb Mon Sep 17 00:00:00 2001
From: AmeyGohil <amey23399@gmail.com>
Date: Sun, 27 Mar 2022 10:44:48 +0530
Subject: [PATCH] Slightly improved UI interaction

---
 src/components/Grid/styles.module.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Grid/styles.module.scss b/src/components/Grid/styles.module.scss
index 3c1c03d..cd0408d 100644
--- a/src/components/Grid/styles.module.scss
+++ b/src/components/Grid/styles.module.scss
@@ -75,6 +75,7 @@ $animationFillMode: forwards;
   opacity: 0;
   position: relative;
   cursor: pointer;
+  $interactionOffset: ($nodeSize - $edgeBreadth) * 4;
 
   &:after, &:before {
     content: "";
@@ -89,7 +90,7 @@ $animationFillMode: forwards;
     width: $edgeLength;
 
     &:after, &:before {
-      height: ($nodeSize - $edgeBreadth);
+      height: $interactionOffset;
       width: 100%;
       left: 0;
     }
@@ -111,7 +112,7 @@ $animationFillMode: forwards;
     margin: 0 ($nodeSize - $edgeBreadth) / 2;
 
     &:after, &:before {
-      width: ($nodeSize - $edgeBreadth);
+      width: $interactionOffset;
       height: 100%;
       top: 0;
     }