diff --git a/src/components/SideBar.svelte b/src/components/SideBar.svelte
index e7e6b14c..9481b62d 100644
--- a/src/components/SideBar.svelte
+++ b/src/components/SideBar.svelte
@@ -28,7 +28,7 @@
 </style>
 
 <!-- markup (zero or more items) goes here -->
-<div class="sidebar-root p-5 w-100 border border-1 border-gray rounded-md mt-12">
+<div class="sidebar-root p-5 w-100 border border-1 border-gray rounded-md md:mt-12">
   <h4 class="border-b border-gray text-base font-bold pb-1">Самые полезные</h4>
   {#each contributors as contributor}
     <a class="flex pt-3" href="/{contributor.name}">
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 487ffed9..09eaa22c 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -27,7 +27,7 @@
 
 <Nav {segment}/>
 
-<main class="flex justify-evenly">
+<main class="flex max-w-screen-xl">
   <slot></slot>
 	<SideBar />
 </main>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index b3aa49bf..6af15003 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -115,7 +115,7 @@
 <svelte:head>
 	<title>Unidiscuss - Help students in your university</title>
 </svelte:head>
-<div class="w-1/2 mx-auto mb-20">
+<div class="md:w-1/2 mx-auto md:mb-20">
   <div class="flex justify-end mb-5">
     <NewQuestion />
   </div>