diff --git a/src/components/App.js b/src/components/App.js
index 0edbb5b..2c9b68c 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -12,7 +12,7 @@ import SessionContainer from "../features/session/components/SessionContainer";
 
 function App() {
   return (
-    <div className="container-fluid">
+    <div>
       <Header />
       <Switch>
         <Route exact path="/" component={HomePage} />
diff --git a/src/features/session/api.js b/src/features/session/api.js
index 77fe4bb..16b3174 100644
--- a/src/features/session/api.js
+++ b/src/features/session/api.js
@@ -1,5 +1,5 @@
 import { get } from "../../api/axiosApi";
-const baseUrl = process.env.REVERSE_PROXY_API_URL + "/server";
+const baseUrl = `${process.env.REVERSE_PROXY_API_URL}/server`;
 
 const getServerSessions = () => get(`${baseUrl}/sessions`);
 
diff --git a/src/features/session/components/SessionListComponent.js b/src/features/session/components/SessionListComponent.js
index 268f619..da9857c 100644
--- a/src/features/session/components/SessionListComponent.js
+++ b/src/features/session/components/SessionListComponent.js
@@ -30,8 +30,8 @@ const SessionListComponent = ({ sessions }) => {
             <ExpansionPanel key={session.sessionId}>
               <ExpansionPanelSummary
                 expandIcon={<ExpandMoreIcon />}
-                aria-controls="panel1a-content"
-                id="panel1a-header"
+                aria-controls={`panel-${session.sessionId}-content`}
+                id={`panel-${session.sessionId}-header`}
               >
                 <SessionSummary session={session} />
               </ExpansionPanelSummary>
diff --git a/src/index.css b/src/index.css
index af9c428..0e08ae1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,6 +1,7 @@
 #app {
-  max-width: 850px;
   margin: 0 auto;
+  padding-left: 50px;
+  padding-right: 50px;
 }
 
 nav {