From 14dd0d2687448b41c20161ac726fbc80d98f72a1 Mon Sep 17 00:00:00 2001
From: NotXia <35894453+NotXia@users.noreply.github.com>
Date: Sat, 11 Feb 2023 19:41:34 +0100
Subject: [PATCH] Add margin for scrollbar shift

---
 src/App.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a97e0f2..6f08279 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,13 @@
 <template>
     <div class="bg-gray-100 text-gray-900 min-h-screen h-full
                 dark:bg-gray-900 dark:text-slate-50"
-         style="font-family: 'Comfortaa';">
-        <div class="container mx-auto pb-8 px-3 md:px-8 min-h-screen min-w-screen flex flex-col">
-            <RouterView />
+         style="font-family: 'Comfortaa'; overflow-x: hidden; ">
+        
+        <!-- Prevents scrollbar shift -->
+         <div style="margin-right: calc(-1 * (100vw - 100%));">
+            <div class="container mx-auto pb-8 px-3 md:px-8 min-h-screen w-screen flex flex-col">
+                <RouterView />
+            </div>
         </div>
 
         <Cookie />