diff --git a/src/components/InteractiveGallery.tsx b/src/components/InteractiveGallery.tsx
index 54b8651..89b6933 100644
--- a/src/components/InteractiveGallery.tsx
+++ b/src/components/InteractiveGallery.tsx
@@ -26,7 +26,7 @@ const InteractiveGallery = () => {
     const InteractiveComponent = selectedInteractive.component;
     return <div className="space-y-6">
         <div className="flex items-center gap-4">
-          <button onClick={() => setSelectedInteractive(null)} className="text-primary hover:text-primary/80 font-medium">← Back to Data Structures</button>
+          <button onClick={() => setSelectedInteractive(null)} className="text-primary hover:text-primary/80 font-medium">← Back to Data Structures and Algorithms</button>
           
         </div>
         <div className="bg-background border rounded-lg p-6">
@@ -36,7 +36,7 @@ const InteractiveGallery = () => {
   }
   return <div className="space-y-6">
       <div className="space-y-4">
-        <h1 className="text-3xl font-bold text-foreground">Data Structures</h1>
+        <h1 className="text-3xl font-bold text-foreground">Data Structures and Algorithms</h1>
         <p className="text-muted-foreground text-lg">Interactive explorations of elementary data structures and algorithms.</p>
       </div>
 
diff --git a/src/pages/theme-pages/DataStructures.tsx b/src/pages/theme-pages/DataStructures.tsx
index 617e03a..879a147 100644
--- a/src/pages/theme-pages/DataStructures.tsx
+++ b/src/pages/theme-pages/DataStructures.tsx
@@ -1,12 +1,13 @@
+import Layout from "@/components/Layout";
 import InteractiveGallery from "@/components/InteractiveGallery";
 
 const DataStructures = () => {
   return (
-    <div className="min-h-screen bg-background">
+    <Layout>
       <div className="max-w-7xl mx-auto p-6">
         <InteractiveGallery />
       </div>
-    </div>
+    </Layout>
   );
 };