diff --git a/css/tarteaucitron.css b/css/tarteaucitron.css
index e7fb85d..ffa8874 100644
--- a/css/tarteaucitron.css
+++ b/css/tarteaucitron.css
@@ -472,7 +472,7 @@ div#tarteaucitronServices {
 }
 
 #tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"] {
-    width: 100%;
+    width: Calc(100% - 3rem);
     font-weight:500;
     margin:0;
     padding:1.5rem;
diff --git a/tarteaucitron.js b/tarteaucitron.js
index 9fa6c0b..6aadb5d 100644
--- a/tarteaucitron.js
+++ b/tarteaucitron.js
@@ -284,6 +284,11 @@ var tarteaucitron = {
                     document.getElementsByTagName('head')[0].appendChild(customThemeMiddle);
                 }
 
+                // disable the expand option if services grouped by category
+                if (tarteaucitron.parameters.groupServices == true) {
+                    tarteaucitron.parameters.showDetailsOnClick = false;
+                }
+
                 // css for the popup bar TODO: add it on the css file
                 if (tarteaucitron.orientation === 'popup') {
                     var customThemePopup = document.createElement('style'),