diff --git a/components/peminjaman/PeminjamanItem.vue b/components/peminjaman/PeminjamanItem.vue
index 4df6d5d..042c020 100644
--- a/components/peminjaman/PeminjamanItem.vue
+++ b/components/peminjaman/PeminjamanItem.vue
@@ -57,6 +57,10 @@ defineProps<Props>()
 .peminjaman-item {
   grid-template-columns: 20ch 1fr;
   grid-template-rows: min-content 1fr;
+
+  @media only screen and (max-width: 600px) {
+    grid-template-columns: 1fr;
+  }
 }
 
 .detail-item {
diff --git a/pages/peminjaman/index.vue b/pages/peminjaman/index.vue
index cdd6559..3d4d031 100644
--- a/pages/peminjaman/index.vue
+++ b/pages/peminjaman/index.vue
@@ -5,6 +5,7 @@ import { Tabs, Tab, TabList, TabPanel, TabPanels } from "primevue"
 
 definePageMeta({
   layout: "default",
+  middleware: "profil",
 })
 
 const supabase = useSupabaseClient()