diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index f25a2ce6..42d65a67 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -33,7 +33,17 @@ function reset() {
   <q-drawer
     @before-hide="reset"
     @hide="close"
-    :breakpoint="1366"
+    :width="
+      $q.screen.gt.xs
+        ? $q.screen.gt.sm
+          ? $q.screen.gt.md
+            ? $q.screen.gt.lg
+              ? 1400
+              : 1200
+            : 1000
+          : 700
+        : 510
+    "
     v-model="drawerOpen"
     behavior="mobile"
     side="right"
diff --git a/src/css/app.scss b/src/css/app.scss
index 86d2abe4..1488da86 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -77,10 +77,6 @@ html {
   transition: 100ms background ease-in-out;
 }
 
-aside.q-drawer.q-drawer--right.fixed.q-drawer--on-top.q-drawer--mobile.q-drawer--top-padding {
-  width: 85% !important;
-}
-
 .bordered {
   border: 1px solid var(--border-color);
 }