diff --git a/main.py b/main.py
index b153d09..20c5926 100644
--- a/main.py
+++ b/main.py
@@ -4,13 +4,15 @@ from flask import Flask, render_template, request
 app = Flask(__name__)
 app.debug = True
 
-sql_statement = 'SELECT "id","title","alias","shortid","viewcount","lastchangeAt" FROM "Notes";'
+sql_statement = 'SELECT "id","title","alias","shortid","viewcount","lastchangeAt" FROM "Notes" ORDER BY "lastchangeAt" DESC;'
 HOST = '192.168.0.3'
 DB = 'hackmd'
 USER = 'hackmd'
 PASSWORD = 'osHx34e4aDazGsER'
 CODI_URL = "https://hackmd.wiai.de"
-#lastchangeAt, alias, viewcount
+
+
+# lastchangeAt, alias, viewcount
 
 @app.route("/")
 def main():
diff --git a/templates/index.html b/templates/index.html
index 7a928ea..7cbca99 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -13,7 +13,7 @@
     </a>
 </nav>
 <div class="container-fluid">
-    <div class="row">
+    <div class="row mb-2">
         <div class="col">
             <button class="btn btn-success" onclick="sortByTitle()">Sort By Title</button>
             <button class="btn btn-success" onclick="sortByDate()">Sort By Date</button>
@@ -22,9 +22,9 @@
     <div id="sortable-wrapper" class="row">
         {% for note in notes %}
         {% if note[1] and note[2] %}
-        <div class="sortable col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-2">
+        <div class="sortable col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mb-2 px-1">
             <a href="{{host}}/{{note[2]}}">
-                <div class="card" style="width: 18rem;">
+                <div class="card">
                     <div class="card-body">
                         <h5 class="card-title">{{note[1]}}</h5>
                         {% if note[5] %}