diff --git a/app/static/pico.css b/app/static/css/pico.css
similarity index 100%
rename from app/static/pico.css
rename to app/static/css/pico.css
diff --git a/app/static/logo.svg b/app/static/img/logo.svg
similarity index 100%
rename from app/static/logo.svg
rename to app/static/img/logo.svg
diff --git a/app/static/download.js b/app/static/js/download.js
similarity index 100%
rename from app/static/download.js
rename to app/static/js/download.js
diff --git a/app/static/vue.esm-browser.js b/app/static/js/vue.esm-browser.js
similarity index 100%
rename from app/static/vue.esm-browser.js
rename to app/static/js/vue.esm-browser.js
diff --git a/app/templates/index.html b/app/templates/index.html
index 675f8a1..52cf623 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html lang="de" xmlns="http://www.w3.org/1999/html" data-theme="dark">
+
 <head>
     <title>FabLab Bottle Clip Generator</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='pico.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/pico.css') }}">
     <style>
         .error {
             background-color: rgb(183, 28, 28);
@@ -16,10 +17,10 @@
 
 <body>
 
-<script src="{{ url_for('static', filename='download.js') }}"></script>
+<script src="{{ url_for('static', filename='js/download.js') }}"></script>
 
 <script type="module">
-    import {createApp} from '{{ url_for("static", filename="vue.esm-browser.js") }}'
+    import {createApp} from '{{ url_for("static", filename="js/vue.esm-browser.js") }}'
 
     createApp({
         data() {
@@ -74,7 +75,7 @@
 
 <main class="container">
     <center>
-        <img src="{{ url_for('static', filename='logo.svg') }}" style="max-width: 350px; margin-bottom: 30px;">
+        <img src="{{ url_for('static', filename='img/logo.svg') }}" style="max-width: 350px; margin-bottom: 30px;">
 
         <h1>FabLab Bottle Clip Generator</h1>
 
@@ -95,4 +96,5 @@
 </main>
 
 </body>
+
 </html>
