diff --git a/webseite/assets/js/sidebar.js b/webseite/assets/js/sidebar.js
index 399b3f4..a500929 100644
--- a/webseite/assets/js/sidebar.js
+++ b/webseite/assets/js/sidebar.js
@@ -72,7 +72,7 @@ document.addEventListener('DOMContentLoaded', () => {
 // Add this right after your existing toggleSidebar function
 function updateMenuVisibility() {
     const menuToggle = document.querySelector('.menu-toggle');
-    if (window.innerWidth <= 768) { // Smartphone breakpoint
+    if (window.innerWidth <= 1024) { // Smartphone breakpoint
         menuToggle.style.display = 'flex';
     } else {
         menuToggle.style.display = 'none';
diff --git a/webseite/topic.php b/webseite/topic.php
index 9e16ad3..3d86e29 100644
--- a/webseite/topic.php
+++ b/webseite/topic.php
@@ -59,7 +59,7 @@ if (!isset($topicData)) {
 </nav>
 
 <!-- Main Content -->
-<main class="main-content max-w-7xl">
+<main class="main-content max-w-7xl mt-5">
 
     <div class="content-card">
         <h1 class="content-title"><?php echo($topicData->displayName); ?></h1>