diff --git a/css/styles.css b/css/styles.css
index 75d6354..718e20f 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -107,6 +107,9 @@ nav {
   box-shadow: 0 0 0 2px white, 0 0 0 4px #901c1c;
 }
 
+.filter__title {
+  font-size: medium;
+}
 .filter__title, .filter__select {
   font-weight: 700;
 }
@@ -116,7 +119,7 @@ nav {
 
 .gallery {
   color: #901c1c;
-  font-weight: 700;
+  font-size: medium;
 }
 
 .footer {
@@ -468,7 +471,6 @@ input {
 }
 .filter__title {
   margin: 10px 10px 0 0;
-  font-size: small;
 }
 .filter__box {
   width: 105px;
@@ -537,12 +539,13 @@ input {
 .gallery {
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-evenly;
+  justify-content: space-between;
   align-items: center;
   margin-bottom: 25px;
 }
 .gallery__card {
   margin-bottom: 15px;
+  width: 200px;
 }
 .gallery__media {
   width: 200px;
@@ -569,6 +572,7 @@ input {
   margin: 10px 0;
 }
 .gallery__infos {
+  width: 150px;
   display: inline-flex;
   justify-content: space-between;
 }
@@ -585,6 +589,7 @@ input {
 .gallery__likes {
   display: inline-flex;
   justify-content: flex-end;
+  align-items: center;
 }
 .gallery__likes--btn {
   width: 14px;
@@ -617,7 +622,7 @@ input {
   transition: color 2.5s;
 }
 .gallery__likes--count {
-  width: 30px;
+  width: 35px;
   background-color: transparent;
   border: none;
   border-radius: 3px;
@@ -627,7 +632,7 @@ input {
   text-align: right;
   font-family: Roboto, Arial, Helvetica, sans-serif;
   font-size: inherit;
-  font-weight: inherit;
+  font-weight: 700;
   color: #901c1c;
   user-select: none;
 }
@@ -655,7 +660,7 @@ input {
   height: 100%;
   width: 100%;
   overflow: auto;
-  background-color: black;
+  background-color: white;
 }
 .lightbox__show {
   animation-name: modalopen;
@@ -676,22 +681,31 @@ input {
 }
 .lightbox__title {
   width: 100%;
-  color: white;
   text-align: center;
   margin-top: 5px;
+  color: #901c1c;
+  font-size: medium;
 }
 .lightbox__btn {
   position: absolute;
   cursor: pointer;
-  color: white;
-  opacity: 0.5;
   padding: 2%;
+  border-radius: 3px;
+  background-color: transparent;
+  appearance: none;
+  border: none;
+  outline: none;
+  color: #901c1c;
   font-size: 20px;
   transition: 0.5s ease;
   user-select: none;
 }
-.lightbox__btn:hover {
-  opacity: 1;
+.lightbox__btn:hover, .lightbox__btn:focus {
+  color: #d3573c;
+}
+.lightbox__btn:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px white, 0 0 0 4px #db8876;
 }
 .lightbox__prev, .lightbox__next {
   top: 50%;
diff --git a/sass/base/_typography.scss b/sass/base/_typography.scss
index 1e6c651..beff7ab 100644
--- a/sass/base/_typography.scss
+++ b/sass/base/_typography.scss
@@ -73,6 +73,10 @@ nav {
 }
 
 .filter {
+  &__title {
+    font-size: $m;
+  }
+  
   &__title,
   &__select {
     font-weight: $bold;
@@ -86,7 +90,7 @@ nav {
 
 .gallery {
   color: $secondaire-txt;
-  font-weight: $bold;
+  font-size: $m;
 }
 
 .footer {
diff --git a/sass/layout/_filter.scss b/sass/layout/_filter.scss
index 29bb4cc..4484db6 100644
--- a/sass/layout/_filter.scss
+++ b/sass/layout/_filter.scss
@@ -6,7 +6,6 @@
 
   &__title {
     margin: 10px 10px 0 0;
-    font-size: $s;
   }
 
   &__box {
diff --git a/sass/layout/_gallery.scss b/sass/layout/_gallery.scss
index d0f0f5a..c555cc7 100644
--- a/sass/layout/_gallery.scss
+++ b/sass/layout/_gallery.scss
@@ -1,12 +1,13 @@
 .gallery {
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-evenly;
+  justify-content: space-between;
   align-items: center;
   margin-bottom: 25px;
 
   &__card {
     margin-bottom: 15px;
+    width: 200px;
   }
 
   &__media {
@@ -40,6 +41,7 @@
   }
 
   &__infos {
+    width: 150px;
     display: inline-flex;
     justify-content: space-between;
   }
@@ -59,6 +61,7 @@
   &__likes {
     display: inline-flex;
     justify-content: flex-end;
+    align-items: center;
 
     &--btn {
       width: 14px;
@@ -97,7 +100,7 @@
     }
 
     &--count {
-      width: 30px;
+      width: 35px;
       background-color: transparent;
       border: none;
       border-radius: 3px;
@@ -107,7 +110,7 @@
       text-align: right;
       font-family: $type;
       font-size: inherit;
-      font-weight: inherit;
+      font-weight: $bold;
       color: $secondaire-txt;
       user-select: none;
 
diff --git a/sass/layout/_lightbox.scss b/sass/layout/_lightbox.scss
index 3a0ebb1..5b9fe84 100644
--- a/sass/layout/_lightbox.scss
+++ b/sass/layout/_lightbox.scss
@@ -10,7 +10,7 @@
     height: 100%;
     width: 100%;
     overflow: auto;
-    background-color: rgba(0, 0, 0, 1);
+    background-color: white;
   }
 
   &__show {
@@ -34,22 +34,33 @@
 
   &__title {
     width: 100%;
-    color: $primaire-a;
     text-align: center;
     margin-top: 5px;
+    color: $secondaire-txt;
+    font-size: $m;
   }
 
   &__btn {
     position: absolute;
     cursor: pointer;
-    color: $primaire-a;
-    opacity: .5;
     padding: 2%;
+    border-radius: 3px;
+    background-color: transparent;
+    appearance: none;
+    border: none;
+    outline: none;
+    color: $secondaire-txt;
     font-size: 20px;
     transition: 0.5s ease;
     user-select: none;
-    &:hover {
-      opacity: 1;
+    &:hover,
+    &:focus {
+      color: $primaire-txt;
+    }
+
+    &:focus {
+      outline: none;
+      box-shadow: 0 0 0 2px white, 0 0 0 4px $secondaire-bg;
     }
   }
 
@@ -71,4 +82,4 @@
     right: 0;
     top: 0;
   }
-}
+}
\ No newline at end of file
diff --git a/sass/utils/_variables.scss b/sass/utils/_variables.scss
index c0ff02b..2cf8c5d 100644
--- a/sass/utils/_variables.scss
+++ b/sass/utils/_variables.scss
@@ -14,7 +14,6 @@ $primaire-txt: #d3573c;
 $primaire-border: #901c1c;
 $primaire-a: white;
 $secondaire-bg: #db8876;
-// $secondaire-bg: #d3573c;
 $secondaire-txt: #901c1c;
 $secondaire-border: lightgray;
 $secondaire-a: black;