Index: lams_central/web/css/components.scss
===================================================================
diff -u -r365efb411fa4e05aedbc66d8949eb439cc80bec3 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_central/web/css/components.scss	(.../components.scss)	(revision 365efb411fa4e05aedbc66d8949eb439cc80bec3)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -89,19 +89,19 @@
 }
 
 body.component {
-	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-  
-	&:not(.no-decoration) {
-		background-color: var(--lams-background-gray);
-	}
-}
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 
-@media (width <= 768px) {
-    body.component {
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-size: 12px;
-      background-color: unset;
+	@media (width <= 768px) {	
+    	font-size: 12px;
     }
+    
+    @media (width > 768px) {
+		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+		
+		&:not(.no-decoration) {
+			background-color: var(--lams-background-gray);
+		}
+	}
 }
 
 body.component .btn-success,
@@ -515,12 +515,15 @@
 }
 
 .component-page-wrapper {
-  min-height: 100vh;
-  border-radius: 2.8rem;
-  overflow: hidden;
-  background-color: var(--bs-white);
-  margin: $component-page-wrapper-margin;
-  min-height: calc(100vh - 2*$component-page-wrapper-margin);
+	min-height: 100vh;
+	overflow: hidden;
+	background-color: var(--bs-white);
+  
+ 	@media (width > 768px) {
+		 border-radius: 2.8rem;
+		 margin: $component-page-wrapper-margin;
+		 min-height: calc(100vh - 2*$component-page-wrapper-margin);
+	}
 }
 
 .component-page-wrapper button.no-decoration {
@@ -537,6 +540,10 @@
   padding: 1rem 2rem 2rem 2rem;
   transition: all .3s ease;
   vertical-align: top;
+  
+	@media (width <= 768px) {
+	     padding: 0.5rem 1rem 1rem 1rem;
+	}
 }
 
 .component-page-wrapper .component-sidebar {