fix some responsive

src/components/ToolBar/ToolBar.module.css

@@ -20,6 +20,7 @@
 
 .filterMenu{
     padding: 5px 5px 5px 5px;
+    width: fit-content;
 }
 
 .createButton, .searchButton, .sortButton {
@@ -27,9 +28,9 @@
     align-items: center;
     justify-content: center;
     border: none;
-    border-radius: 50%;
-    width: 55px;
-    height: 55px;
+    border-radius: 50% !important;
+    width: 55px !important;
+    height: 55px !important;
     transition: all 0.5s ease;
 }
 
@@ -72,6 +73,15 @@
 
 
 @media screen and (max-width: 768px) {
+    .createButton,
+    .searchButton,
+    .sortButton {
+        flex: 0 0 55px;
+        width: 55px !important;
+        height: 55px !important;
+    }
+
+
     .eventsButtons {
         flex-direction: row;
         position: relative;