diff --git a/public/css/style.css b/public/css/style.css
index 08e54db..69c8c27 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -48,8 +48,12 @@ body {
   line-height: 40px;
 }
 
+@media (min-width: 768px) {
+  .navbar-brand {
+    width: 280px;
+  }
+}
 .navbar-brand {
-  width: 280px;
   text-align: center;
 }
 #navbarSupportedContent {
@@ -121,12 +125,19 @@ a:hover {
 
 .leftCol {
   position: relative;
-  height: 100%;
-  width: 310px;
+  flex: 0 0 auto;
+  width: 100%;
   z-index: 9;
   background: #ecedef;
   background: white;
 }
+@media (min-width: 768px) {
+  .leftCol {
+    flex: 0 0 310px;
+    width: 310px;
+    height: 100%;
+  }
+}
 .files {
   position: relative;
   display: block;
diff --git a/public/explore.html b/public/explore.html
index 13936a6..e0ce138 100644
--- a/public/explore.html
+++ b/public/explore.html
@@ -3,6 +3,8 @@
 <html lang="en" ng-app="anonymous-github" ng-controller="mainController">
   <head>
     <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
     <title ng-bind="title">Anonymous Github</title>
     <script>
       var base = document.createElement("base");
@@ -38,13 +40,13 @@
   </head>
   <body keypress-events class="d-flex flex-column">
     <ng-include src="'/partials/header.htm'"></ng-include>
-    <div class="align-items-stretch h-100 w-100 overflow-auto">
+    <div class="h-100 w-100 overflow-auto">
       <div class="container-fluid h-100">
         <div class="row h-100">
-          <div class="leftCol shadow p-1 h-100 overflow-auto" ng-show="files">
+          <div class="leftCol shadow p-1 overflow-auto" ng-show="files">
             <tree class="files" file="files"></tree>
           </div>
-          <div class="col p-0 h-100 d-flex flex-column w-100 overflow-auto">
+          <div class="col-md h-100 overflow-auto p-0 d-flex flex-column">
             <nav aria-label="breadcrumb">
               <ol class="breadcrumb shadow paths">
                 <li class="breadcrumb-item" ng-repeat="p in paths" ng-bind="p">
diff --git a/public/index.html b/public/index.html
index ab3834f..8328ce8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,6 +3,8 @@
 <html lang="en" ng-app="anonymous-github" ng-controller="mainController">
   <head>
     <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
     <title ng-bind="title">Anonymous Github</title>
     <base href="/" />
 
diff --git a/public/partials/anonymize.htm b/public/partials/anonymize.htm
index 251ddbd..3e85b99 100644
--- a/public/partials/anonymize.htm
+++ b/public/partials/anonymize.htm
@@ -8,7 +8,7 @@
     <div class="col shadow overflow-auto h-100 d-flex align-content-end">
       <div
         class="p-0 py-2 m-auto"
-        ng-class="{'card': !repoUrl, 'w-50': !repoUrl,'container': repoUrl}"
+        ng-class="{'card': !repoUrl,'container': repoUrl}"
       >
         <form
           class="form needs-validation"
diff --git a/public/partials/dashboard.htm b/public/partials/dashboard.htm
index 2f45e5c..652cb1a 100644
--- a/public/partials/dashboard.htm
+++ b/public/partials/dashboard.htm
@@ -1,22 +1,29 @@
 <div class="container-fluid h-100">
   <div class="row h-100">
-    <div class="leftCol shadow p-1 h-100 overflow-auto">
-      <a class="btn btn-primary btn-block black_border" href="/anonymize">
-        <i class="fa fa-plus-circle" aria-hidden="true"></i> Anonymize
-      </a>
-      <a
-        class="btn btn-block black_border"
-        href="/claim"
-        title="Claim the ownership of an existing anonymized repository."
-        data-toggle="tooltip"
-        data-placement="bottom"
-      >
-        Claim repository
-      </a>
+    <div class="leftCol shadow p-1 overflow-auto">
+      <div class="container">
+        <div class="row">
+          <div class="col-6 col-md-12 p-1">
+            <a class="btn btn-primary btn-block black_border" href="/anonymize">
+              <i class="fa fa-plus-circle" aria-hidden="true"></i> Anonymize
+            </a>
+          </div>
+          <div class="col-6 col-md-12 p-1">
+            <a
+              class="btn btn-block black_border"
+              href="/claim"
+              title="Claim the ownership of an existing anonymized repository."
+              data-toggle="tooltip"
+              data-placement="bottom"
+            >
+              Claim repository
+            </a>
+          </div>
+        </div>
+      </div>
 
       <h3>Filters</h3>
       <div class="form-group">
-        <label for="search">Search</label>
         <input
           type="search"
           class="form-control"
@@ -25,8 +32,10 @@
           ng-model="search"
         />
       </div>
-      <div class="form-group">
-        <label for="order">Order</label>
+      <div class="input-group">
+        <div class="input-group-prepend">
+          <label class="input-group-text" for="order">Sort</label>
+        </div>
         <select class="custom-select" ng-model="orderBy">
           <option value="repoId">Repository ID</option>
           <option value="fullName">Repository</option>
@@ -37,7 +46,7 @@
         </select>
       </div>
       <h5>Status</h5>
-      <div class="form-check">
+      <div class="form-check form-check-inline">
         <input
           class="form-check-input"
           type="checkbox"
@@ -46,7 +55,7 @@
         />
         <label class="form-check-label" for="ready"> Ready </label>
       </div>
-      <div class="form-check">
+      <div class="form-check form-check-inline">
         <input
           class="form-check-input"
           type="checkbox"
@@ -55,7 +64,7 @@
         />
         <label class="form-check-label" for="expired"> Expired </label>
       </div>
-      <div class="form-check">
+      <div class="form-check form-check-inline">
         <input
           class="form-check-input"
           type="checkbox"
@@ -65,7 +74,7 @@
         <label class="form-check-label" for="removed"> Removed </label>
       </div>
     </div>
-    <div class="col h-100 overflow-auto">
+    <div class="col-md h-100 overflow-auto">
       <div class="row">
         <div class="col p-0">
           <table class="table repositories">
diff --git a/public/partials/home.htm b/public/partials/home.htm
index d8090e9..635d42b 100644
--- a/public/partials/home.htm
+++ b/public/partials/home.htm
@@ -10,7 +10,7 @@
         <div class="row fadeIn main-options">
           <!--Grid column-->
           <div class="col-md-12 mb-4 white-text text-center fadeIn">
-            <h3 class="display-3 font-weight-bold white-text mb-0 pt-md-5 pt-5">
+            <h3 class="display-4 font-weight-bold white-text mb-0 pt-5">
               Anonymous GitHub
             </h3>
             <hr class="hr-light my-4 w-75" />
