diff --git a/index.html b/index.html
index 236844a..1ba8623 100644
--- a/index.html
+++ b/index.html
@@ -9,31 +9,33 @@
     <link href="styly.css" rel="stylesheet">
 </head>
 <body>
-    <div class="container">
-        <header class="text-center">
+    <div class="d-flex flex-column min-vh-100">
+        <header class="text-center mb-3">
             <h1>Přehled Financí Komunity</h1>
             <p>Tento projekt poskytuje transparentní přehled transakcí na našem <a href="https://transparentniucty.moneta.cz/264043266" target="_blank">transparentním účtu</a>.</p>
         </header>
         
-        <div class="account-balance text-center">
+        <div class="account-balance text-center mb-3">
             Aktuální stav účtu: <span id="account-balance">Načítání...</span>
         </div>
         
-        <table id="finance-table" class="table table-striped">
-            <thead class="thead-dark">
-                <tr>
-                    <th>Datum</th>
-                    <th>Popis</th>
-                    <th>Částka</th>
-                    <th>Měna</th>
-                    <th>Typ</th>
-                </tr>
-            </thead>
-            <tbody>
-            </tbody>
-        </table>
+        <div class="container flex-grow-1">
+            <table id="finance-table" class="table table-striped mb-3">
+                <thead class="thead-dark">
+                    <tr>
+                        <th>Datum</th>
+                        <th>Popis</th>
+                        <th>Částka</th>
+                        <th>Měna</th>
+                        <th>Typ</th>
+                    </tr>
+                </thead>
+                <tbody>
+                </tbody>
+            </table>
+        </div>
         
-        <footer class="text-center">
+        <footer class="text-center mt-auto py-3">
             <p>&copy; 2024 <a href="https://git.arch-linux.cz/Archos/prehlad-financi-komunity" target="_blank">Archos</a></p>
         </footer>
     </div>
diff --git a/styly.css b/styly.css
index 1d34c2a..2228a13 100644
--- a/styly.css
+++ b/styly.css
@@ -1,5 +1,9 @@
 body {
     padding: 20px;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    margin: 0;
 }
 h1 {
     margin-bottom: 20px;
@@ -14,3 +18,13 @@ th, td {
     font-size: 1.5em;
     margin-bottom: 20px;
 }
+footer {
+    margin-top: 20px;
+    background-color: #f8f9fa;
+    padding: 20px;
+    border-top: 1px solid #e7e7e7;
+    flex-shrink: 0;
+}
+.container {
+    flex: 1 0 auto;
+}
