diff --git a/16-countries-page-from-api/src/main/resources/public/output.css b/16-countries-page-from-api/src/main/resources/public/output.css
index 0f74e03..27007a9 100644
--- a/16-countries-page-from-api/src/main/resources/public/output.css
+++ b/16-countries-page-from-api/src/main/resources/public/output.css
@@ -635,6 +635,10 @@ video {
   height: 1.25rem;
 }
 
+.max-h-60 {
+  max-height: 15rem;
+}
+
 .w-16 {
   width: 4rem;
 }
@@ -876,6 +880,11 @@ video {
   padding-right: 1.25rem;
 }
 
+.px-7 {
+  padding-left: 1.75rem;
+  padding-right: 1.75rem;
+}
+
 .pb-8 {
   padding-bottom: 2rem;
 }
diff --git a/16-countries-page-from-api/src/main/resources/templates/index.html b/16-countries-page-from-api/src/main/resources/templates/index.html
index dda44e6..a191adc 100644
--- a/16-countries-page-from-api/src/main/resources/templates/index.html
+++ b/16-countries-page-from-api/src/main/resources/templates/index.html
@@ -66,7 +66,7 @@
       <form>
         <select
           name="region"
-          class="block w-62 mt-1 h-12 w-64 bg-white shadow-md rounded-md shadow-sm focus:outline-none"
+          class="block w-62 mt-1 h-12 w-64 bg-white shadow-md rounded-md shadow-sm focus:outline-none px-7"
           hx-get="/"
           hx-target="#countries-main-list"
           hx-select="#countries-main-list"
@@ -114,7 +114,7 @@
             th:src="${country.flag}"
             alt="flag of Germany"
             th:alt="|flag of ${country.name}|"
-            class="rounded-t-lg"
+            class="rounded-t-lg max-h-60"
           />
           <section class="p-8 space-y-3">
             <h2 class="text-2xl font-bold" th:text="${country.name}">