diff --git a/static/css/projects.css b/static/css/projects.css
index eb93350..bb120ce 100644
--- a/static/css/projects.css
+++ b/static/css/projects.css
@@ -6,6 +6,26 @@
  * ensuring it works independently with proper layout and responsive design.
  */
 
+/* Sidebar Layout Compatibility Fixes */
+body.has-sidebar .projects-page {
+  margin-left: 0; /* Let the base template handle sidebar spacing */
+  padding-left: 0; /* Remove conflicts with sidebar layout */
+}
+
+/* Ensure proper content area for authenticated layout */
+.main-wrapper .projects-page {
+  padding: 2rem;
+  max-width: 1600px;
+  margin: 0 auto;
+  min-height: 100vh;
+  background: #f8fafc;
+}
+
+/* Fix header spacing in sidebar layout */
+body.has-sidebar .projects-header {
+  margin-top: 0; /* Remove any unwanted top margin */
+}
+
 /* Projects Page Container */
 .projects-page {
   max-width: 1600px;
diff --git a/templates/create_project.html b/templates/create_project.html
index ed47565..ef572f3 100644
--- a/templates/create_project.html
+++ b/templates/create_project.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}Create Project - QR Code Management{% endblock %}
 
-{% block extra_css %}
+{% block extra_head %}
 <link rel="stylesheet" href="{{ url_for('static', filename='css/projects.css') }}">
 {% endblock %}
 
diff --git a/templates/edit_project.html b/templates/edit_project.html
index ef431f6..603f5cc 100644
--- a/templates/edit_project.html
+++ b/templates/edit_project.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block title %}Edit Project - QR Code Management{% endblock %}
 
-{% block extra_css %}
+{% block extra_head %}
 <link rel="stylesheet" href="{{ url_for('static', filename='css/projects.css') }}">
 {% endblock %}
 
diff --git a/templates/projects.html b/templates/projects.html
index 5ec73b0..4551b16 100644
--- a/templates/projects.html
+++ b/templates/projects.html
@@ -1,7 +1,7 @@
 {% extends "base_authenticated.html" %}
 {% block title %}Projects - QR Code Management{% endblock %}
 
-{% block extra_css %}
+{% block extra_head %}
 <link rel="stylesheet" href="{{ url_for('static', filename='css/projects.css') }}">
 {% endblock %}