diff --git a/src/app/components/programas/programas.html b/src/app/components/programas/programas.html
index fd5df26..8a85d04 100644
--- a/src/app/components/programas/programas.html
+++ b/src/app/components/programas/programas.html
@@ -1,5 +1,5 @@
 <div id="lista-de-programas" class="row">
-  <div class="col-sm-4">
+  <div class="col-sm-4 col-md-3">
     <div class="category-list">
       <nav class="navigation">
         <h3 class="category-list--title"><b>Programas</b> por Tema</h3>
@@ -19,7 +19,7 @@
     </div>
   </div>
 
-  <div class="col-sm-8">
+  <div class="col-sm-8 col-md-9">
     <article class="program-list">
       <header class="header">
         <h2>Programas <span class="small">({{vm.filtredProgramList.length}}/{{::vm.programs.length}})</span></h2>
diff --git a/src/app/components/programas/programas.scss b/src/app/components/programas/programas.scss
index 3a933e0..d68f2f6 100644
--- a/src/app/components/programas/programas.scss
+++ b/src/app/components/programas/programas.scss
@@ -66,8 +66,23 @@
         z-index: 0;
 
         .active & {
-            transform: scale(15);
             z-index: -1;
+
+            @media (max-width: $screen-xs) {
+                transform: scale(20);
+            }
+
+            @media (min-width: $screen-xs + 1) {
+                transform: scale(40);
+            }
+
+            @media (min-width: $screen-sm + 1) {
+                transform: scale(20);
+            }
+
+            // @media (min-width: $screen-md + 1) {
+            //     transform: scale(20);
+            // }
         }
 
         @each $category, $color in $categories {
--
libgit2 0.21.2