diff --git a/templates/note_editor.html b/templates/note_editor.html
index df1d51c..9b33b24 100644
--- a/templates/note_editor.html
+++ b/templates/note_editor.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="note-editor-container">
+<div class="page-container">
     <!-- Page Header -->
     <div class="page-header">
         <div class="header-content">
diff --git a/templates/note_view.html b/templates/note_view.html
index 16059fa..38400c9 100644
--- a/templates/note_view.html
+++ b/templates/note_view.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="note-view-container">
+<div class="page-container">
     <!-- Page Header -->
     <div class="page-header">
         <div class="header-content">
diff --git a/templates/notes_folders.html b/templates/notes_folders.html
index 0139c7b..a732410 100644
--- a/templates/notes_folders.html
+++ b/templates/notes_folders.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="notes-folders-container">
+<div class="page-container">
     <!-- Header Section -->
     <div class="page-header">
         <div class="header-content">
diff --git a/templates/notes_list.html b/templates/notes_list.html
index 4d08b96..40f1f23 100644
--- a/templates/notes_list.html
+++ b/templates/notes_list.html
@@ -19,7 +19,7 @@
 {% endmacro %}
 
 {% block content %}
-<div class="notes-container">
+<div class="page-container">
     <!-- Header Section -->
     <div class="page-header">
         <div class="header-content">