diff --git a/docs/main.js b/docs/main.js
index b5849e8..e283d5a 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -360,8 +360,8 @@ function renderDatasets(data) {
           <div class="dataset-info">
             <h3>${title}</h3>
             <p>${attributes["dcterms:description"][currentLanguage]}</p>
-            <p><strong>${translations["dcterms:issued"]?.[currentLanguage] || "Issued:"}</strong> ${formatDate(attributes["dcterms:issued"])}</p>
-            <p><strong>${translations["index.owner"]?.[currentLanguage] || "Owner:"}</strong> ${getDataOwnerName(attributes)}</p>
+            <p><strong>${translations["dcterms:issued"]?.[currentLanguage] || "Issued"}:</strong> ${formatDate(attributes["dcterms:issued"])}</p>
+            <p><strong>${translations["index.owner"]?.[currentLanguage] || "Owner"}:</strong> ${getDataOwnerName(attributes)}</p>
             <div class="keywords">${keywordsHTML}</div>
           </div>
         </div>
diff --git a/docs/styles.css b/docs/styles.css
index 65ebe59..56dedb0 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -69,15 +69,15 @@ a:hover {
   color: var(--primary-text-color);
   border: 2px solid var(--border-color);
   border-radius: 30px; /* Rounder corners */
-  max-width: 500px; /* Limit the width */
-  width: 18%; /* Ensure the search field grows to available space */
+  max-width: 200px; /* Limit the width */
+  width: 12%; /* Ensure the search field grows to available space */
   box-sizing: border-box; /* Prevent padding from affecting width */
 }
 #language-select {
-  max-width: 120px
+  max-width: 100px
 }
 #search {
-  width: 40%;
+  width: 50%;
   max-width: 800px;
 }
 #search:hover,