From d9ea6e6577761523c169612e6df875f6777f67f5 Mon Sep 17 00:00:00 2001
From: Alvaro Leal <pursuance@gmail.com>
Date: Wed, 23 Aug 2023 15:39:47 +0200
Subject: [PATCH] FIx responsive

---
 app/assets/stylesheets/tpi/pages/company.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/assets/stylesheets/tpi/pages/company.scss b/app/assets/stylesheets/tpi/pages/company.scss
index 1f2de95fc..e5af72d87 100644
--- a/app/assets/stylesheets/tpi/pages/company.scss
+++ b/app/assets/stylesheets/tpi/pages/company.scss
@@ -271,7 +271,14 @@
               background-color: rgba($tpi-level5-background-color, 0.15);
               // Use z-index to make sure the question is below the icon
               z-index: -1;
+
               // Use transform, padding and width to show the background on the full space of the question
+              @include until($desktop) {
+                width: calc(100% + #{$assesment-level-padding} + #{$assesment-level-padding});
+                transform: translate(-27px, 0px);
+                padding: 13px $assesment-level-padding 8px 27px;
+              }
+
               width: calc(100% + #{$assesment-level-padding} + #{$assesment-level-padding});
               transform: translate(-$assesment-level-padding, -13px);
               padding: 13px $assesment-level-padding 8px $assesment-level-padding;