diff --git a/static/js/functions.js b/static/js/functions.js
index 9d5cd7b..522222e 100644
--- a/static/js/functions.js
+++ b/static/js/functions.js
@@ -303,7 +303,7 @@ function updateListSmoothly(newItems) {
 
     // Wewnętrzny HTML
     li.innerHTML = `
-      <div class="d-flex align-items-center gap-3 flex-grow-1">
+      <div class="d-flex align-items-center gap-2 flex-grow-1">
         ${isSorting ? `<span class="drag-handle me-2 text-danger" style="cursor: grab;">☰</span>` : ''}
         ${!item.not_purchased ? `
           <input id="checkbox-${item.id}" class="large-checkbox" type="checkbox" 
diff --git a/templates/admin/admin_panel.html b/templates/admin/admin_panel.html
index b7564e9..3aa115b 100644
--- a/templates/admin/admin_panel.html
+++ b/templates/admin/admin_panel.html
@@ -75,7 +75,8 @@
     </div>
   </div>
 
-
+<div class="card bg-dark text-white mb-5">
+  <div class="card-body">
   <h3 class="mt-4">📄 Wszystkie listy zakupowe</h3>
   <form method="post" action="{{ url_for('delete_selected_lists') }}">
     <div class="table-responsive">
@@ -145,7 +146,9 @@
     </div>
     <button type="submit" class="btn btn-danger mt-2">🗑️ Usuń zaznaczone listy</button>
   </form>
-
+  </div>
+  </div>
+  
   <div class="modal fade" id="expensesChartModal" tabindex="-1" aria-labelledby="expensesChartModalLabel"
     aria-hidden="true">
     <div class="modal-dialog modal-xl modal-dialog-centered">
@@ -195,6 +198,4 @@
   <div class="info-bar-fixed">
     Python: {{ python_version.split()[0] }} | {{ system_info }} | RAM app: {{ app_memory }}
   </div>
-
-
   {% endblock %}
\ No newline at end of file
diff --git a/templates/admin/list_products.html b/templates/admin/list_products.html
index 26958ab..71b5fd9 100644
--- a/templates/admin/list_products.html
+++ b/templates/admin/list_products.html
@@ -8,6 +8,9 @@
 </div>
 
 <div class="card bg-dark text-white mb-5">
+  <div class="card-body">
+
+
   <div class="card-header d-flex justify-content-between align-items-center">
     <h4 class="m-0">📦 Produkty (z synchronizacją sugestii)</h4>
     <span class="badge bg-secondary">{{ items|length }} produktów</span>
@@ -60,9 +63,10 @@
     </table>
   </div>
 </div>
+</div>
 
-<!-- Tabela z samymi sugestiami -->
-<div class="card bg-dark text-white">
+<div class="card bg-dark text-white mb-5">
+  <div class="card-body">
   <div class="card-header d-flex justify-content-between align-items-center">
     <h4 class="m-0">💡 Wszystkie sugestie (poza powiązanymi)</h4>
     <span class="badge bg-secondary">{{ suggestions_dict|length }} sugestii</span>
@@ -99,9 +103,10 @@
     </table>
   </div>
 </div>
+</div>
 
 {% block scripts %}
 <script src="{{ url_for('static_bp.serve_js', filename='product_suggestion.js') }}"></script>
 {% endblock %}
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/templates/admin/receipts.html b/templates/admin/receipts.html
index 691d6a6..81cb35c 100644
--- a/templates/admin/receipts.html
+++ b/templates/admin/receipts.html
@@ -7,6 +7,8 @@
   <a href="/admin" class="btn btn-outline-secondary">← Powrót do panelu</a>
 </div>
 
+<div class="card bg-dark text-white mb-5">
+  <div class="card-body">
 <div class="row g-3">
   {% for img in image_files %}
   {% set list_id = img.split('_')[1] if '_' in img else None %}
@@ -36,10 +38,12 @@
   {% endfor %}
 </div>
 
+
 {% if not image_files %}
 <div class="alert alert-info text-center mt-4" role="alert">
   Nie wgrano żadnych paragonów.
 </div>
 {% endif %}
-
+</div>
+</div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/admin/user_management.html b/templates/admin/user_management.html
index 27100c7..3be2e3c 100644
--- a/templates/admin/user_management.html
+++ b/templates/admin/user_management.html
@@ -29,6 +29,8 @@
   </div>
 </div>
 
+<div class="card bg-dark text-white mb-5">
+  <div class="card-body">
 <table class="table table-dark table-striped align-middle">
   <thead>
     <tr>
@@ -66,7 +68,8 @@
     {% endfor %}
   </tbody>
 </table>
-
+</div>
+</div>
 <!-- Modal resetowania hasła -->
 <div class="modal fade" id="resetPasswordModal" tabindex="-1" aria-labelledby="resetPasswordModalLabel"
   aria-hidden="true">
diff --git a/templates/base.html b/templates/base.html
index a6b1a9a..7bf3c96 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -74,9 +74,10 @@
     {% endwith %}
   });
   </script>
+
+  {% if request.endpoint != 'system_auth' %}
   <script src="{{ url_for('static_bp.serve_js_lib', filename='glightbox.min.js') }}"></script>
   <script src="{{ url_for('static_bp.serve_js_lib', filename='socket.io.min.js') }}"></script>
-  {% if request.endpoint != 'system_auth' %}
   <script src="{{ url_for('static_bp.serve_js', filename='functions.js') }}"></script>
   <script src="{{ url_for('static_bp.serve_js', filename='live.js') }}"></script>
   <script src="{{ url_for('static_bp.serve_js', filename='sockets.js') }}"></script>
diff --git a/templates/edit_my_list.html b/templates/edit_my_list.html
index 9b1698e..7af3eba 100644
--- a/templates/edit_my_list.html
+++ b/templates/edit_my_list.html
@@ -3,6 +3,8 @@
 {% block content %}
 <h2>Edytuj listę: <strong>{{ list.title }}</strong></h2>
 
+<div class="card bg-dark text-white mb-5">
+  <div class="card-body">
 <form method="post">
   <div class="mb-3">
     <label for="title" class="form-label">Nazwa listy</label>
@@ -55,7 +57,8 @@
     🗑️ Usuń tę listę
   </button>
 </div>
-
+</div>
+</div>
 <!-- MODAL -->
 <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
diff --git a/templates/list.html b/templates/list.html
index 70ad05f..7a69337 100644
--- a/templates/list.html
+++ b/templates/list.html
@@ -96,7 +96,7 @@
          {% if item.purchased %}bg-success text-white{% elif item.not_purchased %}bg-warning text-dark{% else %}item-not-checked{% endif %}"
     data-is-share="{{ 'true' if is_share else 'false' }}">
 
-    <div class="d-flex align-items-center gap-3 flex-grow-1">
+    <div class="d-flex align-items-center gap-2 flex-grow-1">
 
       <input id="checkbox-{{ item.id }}" class="large-checkbox" type="checkbox" {% if item.purchased %}checked{% endif
         %} {% if list.is_archived or item.not_purchased %}disabled{% endif %}>
diff --git a/templates/list_share.html b/templates/list_share.html
index b7af618..e5f0fd3 100644
--- a/templates/list_share.html
+++ b/templates/list_share.html
@@ -32,7 +32,7 @@
     class="list-group-item d-flex justify-content-between align-items-center flex-wrap clickable-item 
             {% if item.purchased %}bg-success text-white{% elif item.not_purchased %}bg-warning text-dark{% else %}item-not-checked{% endif %}">
 
-    <div class="d-flex align-items-center gap-3 flex-grow-1">
+    <div class="d-flex align-items-center gap-2 flex-grow-1">
 
       <input id="checkbox-{{ item.id }}" class="large-checkbox" type="checkbox" {% if item.purchased %}checked{% endif
         %} {% if list.is_archived or item.not_purchased %}disabled{% endif %}>
diff --git a/templates/main.html b/templates/main.html
index 561e689..6a96553 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -114,6 +114,7 @@
 <p><span class="badge rounded-pill bg-secondary opacity-75">Brak dostępnych list publicznych do wyświetlenia</span></p>
 {% endif %}
 
+
 <div class="modal fade" id="archivedModal" tabindex="-1" aria-labelledby="archivedModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-lg modal-dialog-scrollable">
     <div class="modal-content bg-dark text-white">
diff --git a/templates/user_expenses.html b/templates/user_expenses.html
index ad103fe..a3f8e9f 100644
--- a/templates/user_expenses.html
+++ b/templates/user_expenses.html
@@ -7,6 +7,8 @@
   <a href="{{ url_for('main_page') }}" class="btn btn-outline-secondary">← Powrót</a>
 </div>
 
+<div class="card bg-dark text-white mb-5">
+  <div class="card-body">
 <ul class="nav nav-tabs mb-3" id="expenseTabs" role="tablist">
   <li class="nav-item" role="presentation">
     <button class="nav-link active" id="table-tab" data-bs-toggle="tab" data-bs-target="#tableTab" type="button"
@@ -65,10 +67,10 @@
 
     <div class="row g-2 mb-4">
       <div class="col-6 col-md-3">
-        <input type="date" id="startDate" class="form-control bg-dark text-white border-secondary">
+        <input type="date" id="startDate" class="form-control bg-dark text-white border-secondary rounded">
       </div>
       <div class="col-6 col-md-3">
-        <input type="date" id="endDate" class="form-control bg-dark text-white border-secondary">
+        <input type="date" id="endDate" class="form-control bg-dark text-white border-secondary rounded">
       </div>
       <div class="col-12 col-md-3">
         <button class="btn btn-outline-light w-100" id="customRangeBtn">📊 Zakres własny</button>
@@ -76,6 +78,8 @@
     </div>
   </div>
 </div>
+</div>
+</div>
 {% endblock %}
 
 {% block scripts %}