diff --git a/src/pages/Configuracoes.tsx b/src/pages/Configuracoes.tsx
index 68b7fdd..93839e8 100644
--- a/src/pages/Configuracoes.tsx
+++ b/src/pages/Configuracoes.tsx
@@ -1,17 +1,18 @@
 
+import { SidebarProvider } from "@/components/ui/sidebar";
 import SettingsSidebar from "@/components/settings/SettingsSidebar";
 
 const Configuracoes = () => {
   return (
-    <div className="flex min-h-screen bg-background">
-      <div className="hidden md:block w-64 flex-shrink-0 border-r">
+    <SidebarProvider>
+      <div className="flex min-h-screen w-full bg-background">
         <SettingsSidebar />
+        <main className="flex-1 p-6">
+          <h1 className="text-2xl font-bold mb-4">Configurações</h1>
+          {/* Aqui virá o conteúdo das configurações que você solicitar */}
+        </main>
       </div>
-      <main className="flex-1 p-6">
-        <h1 className="text-2xl font-bold mb-4">Configurações</h1>
-        {/* Aqui virá o conteúdo das configurações que você solicitar */}
-      </main>
-    </div>
+    </SidebarProvider>
   );
 };