diff --git a/css/main.css b/css/main.css
index 377926f..1fdc574 100644
--- a/css/main.css
+++ b/css/main.css
@@ -47,7 +47,7 @@ input[type="tel"] {
 
 div {
   border-radius: 1vw;
-  background-color: #f2f2f2;
+  background-color: var(--tg-theme-bg-color);
   padding: 20px;
   margin: 2%;
 }
diff --git a/spendbook/index.html b/spendbook/index.html
index 498b01b..4502aa2 100644
--- a/spendbook/index.html
+++ b/spendbook/index.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <link rel="stylesheet" type="text/css" href="../css/main.css" />
-  </head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
   <script src="https://telegram.org/js/telegram-web-app.js"></script>
   <script src="./js/dropDowns.js"></script>
+  <head>
+    <link rel="stylesheet" type="text/css" href="../css/main.css" />
+  </head>
   <script>
     $(document).ready(function () {
       function collectData() {
