diff --git a/server.R b/server.R
index a57e42b..9986be7 100644
--- a/server.R
+++ b/server.R
@@ -24,8 +24,8 @@ library(promises)
 
 # load the sensincluesr package
 library(devtools)
-devtools::install_github("sensingclues/sensingcluesr@v1.0.3", upgrade = "never")
-#library(sensingcluesr)
+#devtools::install_github("sensingclues/sensingcluesr@v1.0.3", upgrade = "never")
+library(sensingcluesr)
 # dynamic color maps for more then 12 colors
 library(colorRamps)
 
diff --git a/ui.R b/ui.R
index 774df3f..151bd8b 100644
--- a/ui.R
+++ b/ui.R
@@ -76,15 +76,10 @@ ui <- fluidPage(
       )
     )
   ),
+  div(class = "content",
   sidebarLayout(
     sidebarPanel(
       width = 3,
-      HTML(
-        paste0(
-          "<br>",
-          "<br>"
-        )
-      ),
       # --- Collapsible About Box ---
       tags$head(
         tags$link(rel = "stylesheet", href = "https://fonts.googleapis.com/icon?family=Material+Icons"),
@@ -225,11 +220,11 @@ ui <- fluidPage(
       width = 9,
       tags$head(tags$style(
         # Corrected escaping for the CSS content within HTML()
-        HTML(".sep {
-          width: 20px;
-          height: 1px;
-          float: left;
-          }")
+        # HTML(".sep {
+        #   width: 20px;
+        #   height: 1px;
+        #   float: left;
+        #   }")
       )),
       tabsetPanel(
         type = "tabs",
@@ -245,7 +240,7 @@ ui <- fluidPage(
                          
                          # Time Interval Box
                          div(
-                           style = "width: 100px;",
+                           style = "width: 150px;",
                            selectInput(
                              inputId = "time_input",
                              label = i18n$t("Time interval"),
@@ -265,7 +260,7 @@ ui <- fluidPage(
                            div(
                              style = "display: flex; align-items: center; gap: 20px;",
                              div(
-                               style = "width: 100px;",
+                               style = "width: 150px;",
                                numericInput(
                                  "num_seasons",
                                  "# Seasons:",
@@ -299,7 +294,7 @@ ui <- fluidPage(
                          
                          # Top X Filter Box (match width to Time Interval box)
                          div(
-                           style = "width: 100px;",
+                           style = "width: 150px;",
                            numericInput(
                              inputId = "topX",
                              label = "Top rows:",
@@ -384,5 +379,6 @@ ui <- fluidPage(
         )
       )
     )
+    )
   )
 )
\ No newline at end of file
diff --git a/www/style.css b/www/style.css
index d0900ef..23e1d50 100644
--- a/www/style.css
+++ b/www/style.css
@@ -23,16 +23,30 @@ body {
   
 }
 
+.container-fluid {
+  padding-left: 0;
+  padding-right: 0;
+}
+.row {
+  margin-left: 5px;
+  margin-right: 5px;
+}
+.row > [class*="col-"] {
+  padding-left: 0px;
+  padding-right: 5px;
+}
+
+
 
 /* ============================
    Header (20% viewport height with 10% horizontal padding)
 ============================ */
 .header {
   display: flex;
-  align-items: center;   /* Center elements vertically */
+  align-items: flex-start;  
   justify-content: space-between; /* Distribute items across the header */
   background-color: #004d40;
-  height: 11vh;
+  height: 20vh;
   padding: 2rem 7vw;      /* Adjust horizontal padding */
   border-bottom: 2px solid #00332b;
   position: relative;
@@ -52,6 +66,24 @@ body {
   text-align: center;  /* Center the title text */
 }
 
+body {
+  z-index: 1000;
+  position: relative; /* z-index only works on positioned elements */
+}
+
+.content {
+  position: relative;      /* enable positioning */
+  top: -10vh;              /* pull up over the header by 20px (adjust as needed) */
+  margin: 0 50px;          /* xx px left/right margins */
+  z-index: 2;              /* above .header (which should be z-index:1 or 0) */
+  background: white;       /* or whatever bg you need */
+  border-radius: 10px;     /* rounded corners */
+  box-shadow: 0 2px 8px rgba(0,0,0,0.2); /* optional drop-shadow */
+  overflow: hidden;        /* clip child content to rounded corners */
+  height: 90vh;            /* hoogte = xx% van viewport */
+  overflow-y: auto;        /* scrollen als inhoud groter is */
+}
+
 
 .well {
     background-color: #ECEFF1;