diff --git a/frontend/src/assets/stylesheets/toolbar.scss b/frontend/src/assets/stylesheets/toolbar.scss
index 74d61b56..23079174 100644
--- a/frontend/src/assets/stylesheets/toolbar.scss
+++ b/frontend/src/assets/stylesheets/toolbar.scss
@@ -9,4 +9,8 @@
     line-height: 1;
     font-size: calc(#{$font-size-base} * 1.25);
   }
+  .toolbar-feedback {
+    display: block;
+    min-width: 150px;
+  }
 }
diff --git a/frontend/src/pages/snippet/FileToolbar.jsx b/frontend/src/pages/snippet/FileToolbar.jsx
index af7b13a7..40d6ef86 100644
--- a/frontend/src/pages/snippet/FileToolbar.jsx
+++ b/frontend/src/pages/snippet/FileToolbar.jsx
@@ -91,7 +91,7 @@ function SnippetName({ snippet }) {
             ref={inputRef}
             as={AutowidthInput}
             autoComplete="off"
-            className="transition-padding w-auto"
+            className="transition-padding"
             id="name"
             isInvalid={!!formik.errors.name}
             maxLength={30}
@@ -103,7 +103,7 @@ function SnippetName({ snippet }) {
             value={formik.values.name}
           />
           <Form.Control.Feedback
-            className={formik.errors.name && 'd-block'}
+            className={formik.errors.name && 'toolbar-feedback'}
             tooltip
             type="invalid"
           >