diff --git a/webseite/subjectEditor.php b/webseite/subjectEditor.php
index 109c374..429f284 100644
--- a/webseite/subjectEditor.php
+++ b/webseite/subjectEditor.php
@@ -159,7 +159,7 @@ if ($_SERVER['REQUEST_METHOD'] == 'POST') {
                 </div>
                 <div>
                     <label class="block text-sm font-medium text-gray-700">Icon</label>
-                    <div class="mt-2 h-[180px] overflow-y-auto grid sm:grid-cols-5 lg:grid-cols-8 grid-cols-4 gap-2 p-1">
+                    <div class="mt-2 h-[180px] overflow-y-auto grid grid-cols-5 sm:grid-cols-8 md:grid-cols-6 lg:grid-cols-8 xl:grid-cols-10 gap-2 p-1">
                         <?php
                         $icons = [
                             "fa-book", "fa-calculator", "fa-flask", "fa-atom", "fa-globe-europe", "fa-palette",
diff --git a/webseite/topicEditor.php b/webseite/topicEditor.php
index 4207d26..16de02e 100644
--- a/webseite/topicEditor.php
+++ b/webseite/topicEditor.php
@@ -325,7 +325,7 @@ if ($_SERVER['REQUEST_METHOD'] == 'POST') {
 
                 <div>
                     <label class="block text-sm font-medium text-gray-700">Icon</label>
-                    <div class="mt-2 h-[180px] overflow-y-auto grid grid-cols-8 gap-2 p-1">
+                    <div class="mt-2 h-[180px] overflow-y-auto grid grid grid-cols-5 sm:grid-cols-8 md:grid-cols-10 gap-2 p-1">
                         <?php
                         $icons = [
                             "fa-book", "fa-calculator", "fa-flask", "fa-atom", "fa-globe-europe", "fa-palette",