diff --git a/resources/css/components/search-module.css b/resources/css/components/search-module.css
index dbd2a6c..451810b 100644
--- a/resources/css/components/search-module.css
+++ b/resources/css/components/search-module.css
@@ -6,6 +6,7 @@
 	py-6
   z-10
   bottom-0
+  overflow-x-hidden
 	transform translate-y-full;
 
   @apply block;
@@ -41,16 +42,22 @@
     }
     &__input {
       box-sizing: border-box;
-      @apply block max-w-full flex-grow py-3 border border-black rounded-tl-3xl rounded-bl-3xl px-4;
+      @apply block max-w-full w-full flex-grow !py-4 border !border-neutral-400 border-r-0 rounded-full md:rounded-r-none  px-4 focus-visible:ring-primary focus-visible:ring-2;
+      outline: none !important;
     }
     button[type='submit'] {
-      @apply bg-secondary text-white w-1/6 flex justify-center items-center gap-3 rounded-tr-3xl rounded-br-3xl px-4 py-3;
+      @apply bg-secondary text-white  shrink-0 flex justify-center items-center gap-3 rounded-full md:rounded-l-none px-4 py-3 focus-visible:ring-primary focus-visible:ring-2;
       max-width: 300px;
+      outline: none !important;
+
       .search_icon {
         @apply invert;
       }
     }
   }
+  &__searchbar-group {
+    @apply w-full flex flex-col md:flex-row gap-y-4;
+  }
   &__suggestions {
     @apply flex flex-wrap gap-x-3 pt-4;
     &__navlist {
@@ -58,6 +65,7 @@
 
       .suggestion-item {
         @apply font-bold underline underline-offset-4;
+        word-break: break-word;
       }
     }
   }