diff --git a/src/components/frame/Folder.vue b/src/components/frame/Folder.vue
index c0af221e..734c66e6 100644
--- a/src/components/frame/Folder.vue
+++ b/src/components/frame/Folder.vue
@@ -194,7 +194,6 @@ export default defineComponent({
   z-index: 3;
   line-height: 0;
   position: absolute;
-  padding: 2px;
   box-sizing: border-box;
 
   .preview-container {
diff --git a/src/components/top-matter/FolderGrid.vue b/src/components/top-matter/FolderGrid.vue
index f4725f01..03b15a65 100644
--- a/src/components/top-matter/FolderGrid.vue
+++ b/src/components/top-matter/FolderGrid.vue
@@ -35,11 +35,14 @@ export default defineComponent({
 <style lang="scss" scoped>
 .grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(min(100% / 3, 180px), 1fr));
+  padding: 0 5px;
+  grid-gap: 10px;
+  grid-template-columns: repeat(auto-fill, minmax(calc(min(50%, 210px) - 5px), 1fr));
 
   width: calc(100% - 40px); // leave space for scroller
   @media (max-width: 768px) {
     width: calc(100% - 2px); // compensation for negative margin
+    grid-gap: 5px;
   }
 
   > .item {