diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 12aecc22..6221e465 100755
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -6,7 +6,7 @@ default_language_version:
   python: python3
 repos:
   - repo: https://github.com/lorenzwalthert/precommit
-    rev: v0.4.2
+    rev: v0.4.3
     hooks:
       - id: style-files
         name: Style code with `styler`
diff --git a/DESCRIPTION b/DESCRIPTION
index 8d397d9c..0ab6d9de 100644
--- a/DESCRIPTION
+++ b/DESCRIPTION
@@ -1,7 +1,7 @@
 Package: teal.reporter
 Title: Reporting Tools for 'shiny' Modules
-Version: 0.3.1.9010
-Date: 2024-06-12
+Version: 0.3.1.9011
+Date: 2024-08-14
 Authors@R: c(
     person("Dawid", "Kaledkowski", , "dawid.kaledkowski@roche.com", role = c("aut", "cre"),
            comment = c(ORCID = "0000-0001-9533-457X")),
diff --git a/NEWS.md b/NEWS.md
index cf0fdfb2..c7e72f90 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -1,4 +1,4 @@
-# teal.reporter 0.3.1.9010
+# teal.reporter 0.3.1.9011
 
 ### Enhancements
 
diff --git a/R/Previewer.R b/R/Previewer.R
index ab3b4e33..360f0e7d 100644
--- a/R/Previewer.R
+++ b/R/Previewer.R
@@ -148,7 +148,7 @@ reporter_previewer_srv <- function(id,
         shiny::tags$div(
           id = "previewer_reporter_buttons",
           class = "previewer_buttons_line",
-          previewer_buttons_list[previewer_buttons]
+          lapply(previewer_buttons_list[previewer_buttons], shiny::tags$div)
         )
       )
     })
diff --git a/inst/css/Previewer.css b/inst/css/Previewer.css
index c5df266a..e66e1747 100644
--- a/inst/css/Previewer.css
+++ b/inst/css/Previewer.css
@@ -1,13 +1,13 @@
 /* teal.reporter Previewer css */
 
 /* highlight the icon when hover */
-span.preview_card_control  i:hover {
+span.preview_card_control i:hover {
   color: blue;
 }
 
 .previewer_buttons_line {
   display: flex;
-  justify-content: end;
+  flex-wrap: wrap;
   margin-right: 10px;
 }
 
@@ -19,8 +19,8 @@ a.disabled {
   text-decoration: none;
 }
 
-a[id$=download_data].disabled,
-a[id$=download_data_prev].disabled {
+a[id$="download_data"].disabled,
+a[id$="download_data_prev"].disabled {
   border: 0;
   color: white;
   background-color: darkgrey;
@@ -28,11 +28,11 @@ a[id$=download_data_prev].disabled {
 
 /* icons in the previewer */
 .icon_previewer {
-  float:right;
-  margin-left:10px;
-  margin-right:10px;
-  margin-top:10px;
-  color:#337ab7;
+  float: right;
+  margin-left: 10px;
+  margin-right: 10px;
+  margin-top: 10px;
+  color: #337ab7;
 }
 
 /* prevents oversizing elements covered by shinybusy::block */