diff --git a/packages/package.json b/packages/package.json
index 3bbd9d5630..3b68019171 100644
--- a/packages/package.json
+++ b/packages/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@junyiacademy/perseus-core",
-  "version": "1.0.32",
+  "version": "1.0.33",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
diff --git a/packages/perseus/src/widget-container.tsx b/packages/perseus/src/widget-container.tsx
index bbec230d35..88049034dc 100644
--- a/packages/perseus/src/widget-container.tsx
+++ b/packages/perseus/src/widget-container.tsx
@@ -93,7 +93,9 @@ class WidgetContainer extends React.Component<Props, State> {
             alignment = Widgets.getDefaultAlignment(type);
         }
 
-        className += " widget-" + alignment;
+        const alignmentStyles = {
+            display: alignment,
+        };
 
         const apiOptions = this.state.widgetProps.apiOptions;
 
@@ -135,7 +137,11 @@ class WidgetContainer extends React.Component<Props, State> {
         return (
             <div
                 className={className}
-                style={isStatic ? staticContainerStyles : {}}
+                style={
+                    isStatic
+                        ? {...staticContainerStyles, ...alignmentStyles}
+                        : alignmentStyles
+                }
             >
                 <DependenciesContext.Consumer>
                     {({analytics}) => (