diff --git a/templates/themes/categories/frames.html b/templates/themes/categories/frames.html
index 4eee505a..4659e360 100644
--- a/templates/themes/categories/frames.html
+++ b/templates/themes/categories/frames.html
@@ -4,8 +4,8 @@
         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
         <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-	<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}">
-	<style type="text/css">
+    <link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}">
+    <style type="text/css">
         .sidebar {
             width: 200px;
             border-right-color: gray;
@@ -52,20 +52,29 @@
             font-weight: bold;
         }
         
-		@media (max-width:768px) {
-			.sidebar { 
-				display: none;
-			}
-		
-			footer {
-				display: none;
-			}
-		}
-	</style>
-	<title>{{ settings.title }}</title>
+        @media (max-width:768px) {
+            .sidebar {
+                width: 80vw;
+                border: none;
+            }
+            .main {
+                flex-direction: column;
+                align-items: center;
+            }
+
+            .boardlist {
+                display: none;
+            }
+
+            footer {
+                display: none;
+            }
+        }
+    </style>
+    <title>{{ settings.title }}</title>
 </head>
 <body>
-	{% include 'themes/categories/' ~ settings.file_sidebar %}
-	{% include 'themes/categories/' ~ settings.file_news %}
+    {% include 'themes/categories/' ~ settings.file_sidebar %}
+    {% include 'themes/categories/' ~ settings.file_news %}
 </body>
 </html>
diff --git a/templates/themes/categories/theme.php b/templates/themes/categories/theme.php
index 3731badb..14072bcc 100644
--- a/templates/themes/categories/theme.php
+++ b/templates/themes/categories/theme.php
@@ -29,14 +29,16 @@
 		public static function homepage($settings) {
 			global $config;
 
-            return Element(
-                'themes/categories/frames.html',
-                Array(
-                    'config' => $config,
-                    'settings' => $settings,
-                    'categories' => Categories::getCategories($config)
-                )
-            );
+			return Element(
+				'themes/categories/frames.html',
+				Array(
+					'config' => $config,
+					'settings' => $settings,
+					'categories' => Categories::getCategories($config),
+					'boardlist' => createBoardlist(false)
+
+				)
+			);
 		}
 		
 		// Build news page
@@ -50,7 +52,7 @@
 				'settings' => $settings,
 				'config' => $config,
 				'news' => $news,
-		                'boardlist' => createBoardlist(false)
+				'boardlist' => createBoardlist(false)
 			));
 		}
 		
@@ -65,7 +67,7 @@
 			));
 		}
 
-        private static function getCategories($config) {
+		private static function getCategories($config) {
 			$categories = $config['categories'];
 			
 			foreach ($categories as &$boards) {
@@ -77,8 +79,8 @@
 				}
 			}
 
-            return $categories;
-        }
+			return $categories;
+		}
 	};
 	
 ?>
