diff --git a/frontend/app-development/layout/App.css b/frontend/app-development/layout/App.css
index 31b369ca02a..426eb0581f9 100644
--- a/frontend/app-development/layout/App.css
+++ b/frontend/app-development/layout/App.css
@@ -30,8 +30,9 @@ button[class*='Button-module_small__'] svg {
 }
 
 ::-webkit-scrollbar {
-  width: 5px;
+  width: 6px;
 }
+
 ::-webkit-scrollbar-thumb {
   background: darkgray;
   border-radius: 5px;
diff --git a/frontend/libs/studio-components/src/components/StudioResizableLayout/StudioResizableLayoutHandle/StudioResizableLayoutHandle.module.css b/frontend/libs/studio-components/src/components/StudioResizableLayout/StudioResizableLayoutHandle/StudioResizableLayoutHandle.module.css
index 6d93b2949a2..69c4624cea1 100644
--- a/frontend/libs/studio-components/src/components/StudioResizableLayout/StudioResizableLayoutHandle/StudioResizableLayoutHandle.module.css
+++ b/frontend/libs/studio-components/src/components/StudioResizableLayout/StudioResizableLayoutHandle/StudioResizableLayoutHandle.module.css
@@ -15,7 +15,7 @@
 }
 
 .resizeHandleH:after {
-  inset: 0px -6px;
+  inset: 0 -5px 0 0;
 }
 
 .resizeHandleV {
@@ -23,7 +23,7 @@
 }
 
 .resizeHandleV:after {
-  inset: -6px 0px;
+  inset: 0 0 -5px 0;
 }
 
 .hideLeftSide {