diff --git a/resources/views/public/contact.blade.php b/resources/views/public/contact.blade.php
index c6e0d3441dd8797bb6fa1a69b2712ae1dcde6c52..74e56ac3a417a67230e323a6e33024e1ae361cfe 100644
--- a/resources/views/public/contact.blade.php
+++ b/resources/views/public/contact.blade.php
@@ -10,7 +10,7 @@
                 {{ __('contact.contact_me_on_one_of_my_social_media') }}
             </div>
 
-            <div class="flex align-center justify-center gap-4 mt-4">
+            <div class="flex flex-wrap align-center justify-center gap-4 mt-4">
                 @foreach(\App\Models\SocialMediaLink::all() as $socialMediaLink)
                     <x-public.button tag="a" :href="$socialMediaLink->url" class="flex items-center gap-2"
                                      size="medium">