diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index cc84ccf9..03ea5c98 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -43,7 +43,7 @@ const showDiscord = window.location.host.search("ping.pub") > -1
     <!-- sidebar -->
     <div
       class="w-64 fixed z-50 left-0 top-0 bottom-0 overflow-auto bg-base-100 border-r border-gray-100 dark:border-gray-700"
-      :class="{ block: sidebarShow, 'hidden xl:block': !sidebarShow }"
+      :class="{ block: sidebarShow, 'hidden force-block': !sidebarShow }"
     >
       <div class="flex items-center pl-4 py-4 mb-1">
         <img class="w-10 h-10" src="../../assets/logo.svg" />
diff --git a/src/style.css b/src/style.css
index 8eb8f98c..14e9c9ee 100644
--- a/src/style.css
+++ b/src/style.css
@@ -33,4 +33,11 @@
 .table th:first-child {
   position: relative;
   z-index: 2;
-}
\ No newline at end of file
+}
+
+
+@media (min-width: 1280px){
+    .force-block{
+      display: block !important;
+  }
+}