diff --git a/CineSync/static/css/users/password_change.css b/CineSync/static/css/users/password_change.css
new file mode 100644
index 0000000..9e34a94
--- /dev/null
+++ b/CineSync/static/css/users/password_change.css
@@ -0,0 +1,23 @@
+.password_change_block, form {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    align-items: center;
+}
+.password_change_block {
+    margin-left: 30%;
+    margin-right: 30%;
+    margin-top: 4vw;
+    margin-bottom: 4vw;
+    border-radius: 3vw;
+    background-color: #eaeaea;
+    padding-top: 2vw;
+    padding-bottom: 2vw;
+    width: 40%;
+}
+.form_item {
+    width: 30vw !important;
+}
+.btn {
+    margin: 5px !important;
+}
\ No newline at end of file
diff --git a/CineSync/static/css/users/password_change_success.css b/CineSync/static/css/users/password_change_success.css
new file mode 100644
index 0000000..4284bdb
--- /dev/null
+++ b/CineSync/static/css/users/password_change_success.css
@@ -0,0 +1,22 @@
+.info_block {
+    height: 40vw;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.text_block {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+}
+.change_success_title, .change_success_text {
+    color: #eaeaea;
+}
+.change_success_btn {
+    margin-top: 3vw;
+}
+.change_success_image {
+    width: 20vw;
+}
\ No newline at end of file