### 👟 Reproduction steps 1. Navigate to the bucket settings page on a mobile or small tablet screen (< 768px): - Path: `/project-[region]-[project]/storage/bucket-[bucket]/settings` 2. Scroll to the "Allowed file extension" section 3. Observe the input field and extension tags overflowing horizontally 4. Navigate to the platforms overview page on mobile/tablet: - Path: `/project-[region]-[project]/overview/platforms` 5. Observe the table overflowing horizontally on smaller screens 6. Navigate to the messaging providers page on mobile/tablet: - Path: `/project-[region]-[project]/messaging/providers` 7. Observe the providers table overflowing horizontally on smaller screens ### 👍 Expected behavior - Input fields should respect container boundaries and resize properly on small screens - Extension tags should wrap to new lines instead of overflowing - All tables (Platforms, Messaging Providers, etc.) should be horizontally scrollable with proper column sizing - All elements remain responsive across all device sizes ### 👎 Actual Behavior - InputTags component overflows horizontally on small screens - Suggested extension tags break layout by extending beyond viewport - Platform table columns compress improperly, making content unreadable - Messaging Providers table also overflows horizontally with no scroll behavior - No horizontal scroll available for table on mobile devices ### 📸 Screenshots | Page / Section | Before (Current Issue) | After (Fixed - Local Build) | |----------------|------------------------|------------------------------| | Storage Page - Bucket Settings Section (Mobile) | <img width="456" height="863" alt="Bucket Settings Mobile Before" src="https://github.com/user-attachments/assets/a7aa9938-9758-49fb-8f44-79c1c9d4e184" /> | <img width="432" height="853" alt="Bucket Settings Mobile After" src="https://github.com/user-attachments/assets/b9c5ff3f-6a6a-40cf-9708-83f6b137447f" /> | | Overview Page - Platforms Section (Mobile) | <img width="511" height="856" alt="Platforms Table Mobile Before" src="https://github.com/user-attachments/assets/102f4cbf-969b-453b-8beb-e559cfd3dfd3" /> | <img width="461" height="855" alt="Platforms Table Mobile After" src="https://github.com/user-attachments/assets/2fada2a7-003c-4992-bb9a-5a709e0c211c" /> | | Messaging Page - Providers Section (Mobile) | <img width="467" height="865" alt="Messaging Providers Mobile Before" src="https://github.com/user-attachments/assets/61689b12-6197-4cdc-97fe-ea149a88d701" /> | <img width="438" height="865" alt="Messaging Providers Mobile After" src="https://github.com/user-attachments/assets/0b57aeb0-a112-4f15-80d2-7c9bd9298f9f" /> | > **Note:** The "After" screenshots are from my local build. ### 🎲 Appwrite version Version 1.8.x ### 💻 Operating system Windows ### 🧱 Your Environment - Browser: Chrome 142.0.7444.60 (Official Build) (64-bit) - OS: Windows 11 Home (Version 24H2, Build 26100.6584) - Console Version: 1.8.0 ### 👀 Have you spent some time to check if this issue has been raised before? - [x] I checked and didn't find similar issue ### 🏢 Have you read the Code of Conduct? - [x] I have read the [Code of Conduct](https://github.com/appwrite/.github/blob/main/CODE_OF_CONDUCT.md)
👟 Reproduction steps
/project-[region]-[project]/storage/bucket-[bucket]/settings/project-[region]-[project]/overview/platforms/project-[region]-[project]/messaging/providers👍 Expected behavior
👎 Actual Behavior
📸 Screenshots
🎲 Appwrite version
Version 1.8.x
💻 Operating system
Windows
🧱 Your Environment
👀 Have you spent some time to check if this issue has been raised before?
🏢 Have you read the Code of Conduct?