diff --git a/LM-Kit-Maestro/UI/Razor/Components/Chat.razor b/LM-Kit-Maestro/UI/Razor/Components/Chat.razor
index 5506c69..fa1d916 100644
--- a/LM-Kit-Maestro/UI/Razor/Components/Chat.razor
+++ b/LM-Kit-Maestro/UI/Razor/Components/Chat.razor
@@ -10,6 +10,10 @@
 @inherits MvvmComponentBase<ChatPageViewModel>
 
 <div id="chat-container">
+    <div id="chats-sidebar">
+
+    </div>
+
     <div id="conversation-container">
         <div id="conversation-content"
              class="chat-element dark @(ViewModel.ConversationListViewModel.CurrentConversation is { IsEmpty: true } ? "centered-container" : "top-align-container")">
@@ -68,6 +72,10 @@
         </div>
     </div>
 
+    <div id="settings-sidebar">
+
+    </div>
+
     <div id="user-input" class="chat-element">
         <UserInput ViewModel="ViewModel!.ConversationListViewModel.CurrentConversation" />
     </div>
diff --git a/LM-Kit-Maestro/UI/Razor/Components/Chat.razor.css b/LM-Kit-Maestro/UI/Razor/Components/Chat.razor.css
index f60d0a4..ab3c342 100644
--- a/LM-Kit-Maestro/UI/Razor/Components/Chat.razor.css
+++ b/LM-Kit-Maestro/UI/Razor/Components/Chat.razor.css
@@ -2,13 +2,13 @@
     height: 100%;
     width: 100%;
     display: grid;
-    grid-template-rows: 1fr auto;
     /*padding-inline: 8px;*/
     /*padding-block: 8px;*/
     /*position: fixed;*/
     /*    width: auto;
     left: 0;
     right: 0;*/
+
 }
 
 #conversation-container {
@@ -18,6 +18,7 @@
     position: relative;
     overflow-y: auto;
     scrollbar-gutter: both-edges stable;
+    grid-template-rows: 1fr auto;
 }
 
     #conversation-container::-webkit-scrollbar {