diff --git a/app/assets/javascripts/components/NotesOptionsPanel.tsx b/app/assets/javascripts/components/NotesOptionsPanel.tsx
index c5476b98e..deeb5e5d8 100644
--- a/app/assets/javascripts/components/NotesOptionsPanel.tsx
+++ b/app/assets/javascripts/components/NotesOptionsPanel.tsx
@@ -65,7 +65,7 @@ export const NotesOptionsPanel = observer(({ appState }: Props) => {
         style={{
           ...position,
         }}
-        className="sn-dropdown sn-dropdown-anchor-right flex flex-col py-2 max-w-265"
+        className="sn-dropdown sn-dropdown-anchor-right flex flex-col py-2 max-w-265px"
       >
         <NotesOptions
           appState={appState}
diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
index ad5a9f29a..38081612f 100644
--- a/app/assets/stylesheets/_sn.scss
+++ b/app/assets/stylesheets/_sn.scss
@@ -90,6 +90,10 @@
   max-width: 20rem;
 }
 
+.max-w-265px {
+  max-width: 265px;
+}
+
 .h-32px {
   height: 32px;
 }