diff --git a/packages/react/components/Editor/components/views/DraftView.mjs b/packages/react/components/Editor/components/views/DraftView.mjs
index da1c6adad42..89caecff34f 100644
--- a/packages/react/components/Editor/components/views/DraftView.mjs
+++ b/packages/react/components/Editor/components/views/DraftView.mjs
@@ -8,6 +8,7 @@ import { PatternLayout } from '../PatternLayout.mjs'
 import { DraftErrorHandler } from './DraftErrorHandler.mjs'
 import { i18nPlugin } from '@freesewing/plugin-i18n'
 import { themePlugin } from '@freesewing/plugin-theme'
+import { svgAttrPlugin } from '@freesewing/plugin-svgattr'
 import { translateStrings } from '../../../Pattern/index.mjs'
 
 /**
@@ -47,6 +48,9 @@ export const DraftView = ({ Design, state, update, config, plugins = [], PluginO
       const strings = bundlePatternTranslations(pattern.designConfig.data.id)
       pattern.use(i18nPlugin, (t) => translateStrings([t], strings))
       pattern.use(themePlugin)
+      pattern.use(svgAttrPlugin, {
+        class: `freesewing pattern tw:w-full ${state.ui.rotate ? 'tw:-rotate-90' : ''}`,
+      })
     }
   })