diff --git a/assets/App.vue b/assets/App.vue
index 6b2f392a..65baea9d 100644
--- a/assets/App.vue
+++ b/assets/App.vue
@@ -1,6 +1,6 @@
 <template lang="html">
   <div class="columns is-marginless">
-    <aside class="column menu is-2-desktop is-3-tablet">
+    <aside class="column menu is-3-tablet is-2-widescreen">
       <a
         role="button"
         class="navbar-burger burger is-white is-hidden-tablet is-pulled-right"
@@ -19,7 +19,7 @@
         </li>
       </ul>
     </aside>
-    <div class="column is-offset-2-desktop is-offset-3-tablet">
+    <div class="column is-offset-3-tablet is-offset-2-widescreen">
       <router-view></router-view>
     </div>
   </div>
diff --git a/assets/styles.scss b/assets/styles.scss
index 32d75496..ae45140a 100644
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -6,14 +6,14 @@ $menu-item-color: hsl(0, 6%, 87%);
 @import "../node_modules/bulma/bulma.sass";
 
 .is-dark {
-    color: #ddd;
-    background-color: #111;
+  color: #ddd;
+  background-color: #111;
 }
 
 body {
-    font-family: "Roboto", sans-serif;
+  font-family: "Roboto", sans-serif;
 }
 
 h1.title {
-    font-family: "Gafata", sans-serif;
+  font-family: "Gafata", sans-serif;
 }