diff --git a/packages/design/sass/_uswds-custom-styles.scss b/packages/design/sass/_uswds-custom-styles.scss
new file mode 100644
index 00000000..445f3e0d
--- /dev/null
+++ b/packages/design/sass/_uswds-custom-styles.scss
@@ -0,0 +1,157 @@
+@use "uswds-core" as *;
+
+html {
+    scroll-behavior: smooth;
+  }
+  
+  h1 {
+    font-size: units(5);
+  
+    span {
+      display: inline-block;
+      vertical-align: top;
+      margin-right: units(2.5);
+    }
+  }
+  
+  h2 {
+    margin-top: units(4);
+    margin-bottom: units(2);
+  }
+  
+  p {
+    line-height: units(3);
+  }
+
+  .hide {
+    display: none;
+  }
+  
+  .show  {
+    display: block;
+  }
+  
+  .usa-app {
+    display: flex;
+    min-height: 100vh;
+    flex-direction: column;
+  }
+  
+  main {
+    flex: 1;
+    width: 100%;
+  }
+  
+  .usa-combo-box__input,
+  .usa-input,
+  .usa-input-group,
+  .usa-range,
+  .usa-select,
+  .usa-textarea {
+    max-width: 40rem;
+    height: 3rem;
+  }
+  
+  .usa-sidenav{
+  
+    .usa-sidenav__item {
+      .usa-current {
+        color: #54278f;
+  
+        &:after {
+          background-color: rebeccapurple;
+        }
+      }
+    }
+  }
+  
+  .usa-section {
+    padding-top: units(5);
+    padding-bottom: units(5);
+  }
+  
+  .usa-checkbox {
+    background: none;
+  }
+  
+  .usa-table {
+    width: 100%;
+  
+    .column1 {
+      width: 50%;
+    }
+  
+    .column2 {
+      width: 30%;
+    }
+  
+    .column3 {
+      width: 20%;
+    }
+  
+    .actionColumn {
+      span {
+        margin: 0 30px 0 0;
+  
+        &:last-child {
+          margin: 0;
+        }
+      }
+    }
+  }
+  
+  .usa-form--large {
+    max-width: 32rem;
+  }
+
+  .usa-legend-wrapper {
+    word-wrap: break-word;
+    hyphens: auto;
+  }
+  
+  .usa-legend {
+    width: -webkit-fill-available;
+  }
+  
+  nav {
+    background: #F7F9FD;
+    padding: 0 units(3);
+  
+    >ul {
+      padding-top: units(5);
+    }
+  }
+  
+  [contentEditable=true]:focus,
+  [href]:focus,
+  [tabindex]:focus,
+  iframe:focus {
+    outline: units(0.5) solid #783cb9;
+  }
+  
+  .usa-step-indicator__segment {
+    max-width: 22rem;
+  
+    &--current {
+  
+      .usa-step-indicator__segment-label {
+        color: #783cb9;
+      }
+  
+      &::after {
+        background: #783cb9;
+      }
+    }
+  }
+  
+  .videoWrapper {
+    position: relative;
+    padding-bottom: 62.5%;
+    height: 0;
+  }
+  
+  .edit-component-panel {
+    .usa-fieldset {
+      margin-top: 0;
+    }
+  }
\ No newline at end of file
diff --git a/packages/design/sass/styles.scss b/packages/design/sass/styles.scss
index 9359d3b7..6e52c965 100644
--- a/packages/design/sass/styles.scss
+++ b/packages/design/sass/styles.scss
@@ -1,168 +1,3 @@
 @forward "uswds-theme";
 @forward "uswds";
-
-html {
-  scroll-behavior: smooth;
-}
-
-h1 {
-  font-size: 2.5em;
-
-  span {
-    display: inline-block;
-    vertical-align: top;
-    margin-right: 20px;
-  }
-}
-
-h2 {
-  margin-top: 2rem;
-  margin-bottom: 1rem;
-}
-
-p {
-  line-height: 1.5rem;
-}
-
-.usa-legend {
-  font-size: 1.7rem;
-  font-weight: 700;
-}
-
-
-.hide {
-  display: none;
-}
-
-.show  {
-  display: block;
-}
-
-.usa-app {
-  display: flex;
-  min-height: 100vh;
-  flex-direction: column;
-}
-
-main {
-  flex: 1;
-  width: 100%;
-/*
-  >section {
-    &.grid-container {
-      margin: 0;
-      padding: 0;
-    }
-  }
-*/
-}
-
-.usa-combo-box__input,
-.usa-input,
-.usa-input-group,
-.usa-range,
-.usa-select,
-.usa-textarea {
-  max-width: 40rem;
-  height: 3rem;
-}
-
-.usa-sidenav{
-
-  .usa-sidenav__item {
-    .usa-current {
-      color: #54278f;
-
-      &:after {
-        background-color: rebeccapurple;
-      }
-    }
-  }
-}
-
-.usa-section {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
-}
-
-.usa-checkbox {
-  background: none;
-}
-
-.usa-table {
-  width: 100%;
-
-  .column1 {
-    width: 50%;
-  }
-
-  .column2 {
-    width: 30%;
-  }
-
-  .column3 {
-    width: 20%;
-  }
-
-  .actionColumn {
-    span {
-      margin: 0 30px 0 0;
-
-      &:last-child {
-        margin: 0;
-      }
-    }
-  }
-}
-
-.usa-form--large {
-  max-width: 32rem;
-}
-
-.usa-legend-wrapper {
-  word-wrap: break-word;
-  hyphens: auto;
-}
-
-.usa-legend {
-  max-width: 100%;
-  font-weight: 600;
-  width: -webkit-fill-available;
-}
-
-nav {
-  background: #F7F9FD;
-  padding: 0 1.5rem;
-
-  >ul {
-    padding-top: 2.6rem;
-  }
-}
-
-[contentEditable=true]:focus,
-[href]:focus,
-[tabindex]:focus,
-iframe:focus {
-  outline: 0.25rem solid #783cb9;
-}
-
-.usa-step-indicator__segment {
-  max-width: 22rem;
-
-  &--current {
-
-    .usa-step-indicator__segment-label {
-      color: #783cb9;
-    }
-
-    &::after {
-      background: #783cb9;
-    }
-  }
-}
-
-.videoWrapper {
-  position: relative;
-  padding-bottom: 62.5%;
-  height: 0;
-}
+@forward "uswds-custom-styles";
diff --git a/packages/design/src/Form/components/Address/index.tsx b/packages/design/src/Form/components/Address/index.tsx
index 954ffcee..56160451 100644
--- a/packages/design/src/Form/components/Address/index.tsx
+++ b/packages/design/src/Form/components/Address/index.tsx
@@ -9,8 +9,8 @@ import { type PatternComponent } from '../..';
 const Address: PatternComponent<AddressComponentProps> = props => {
   const { register } = useFormContext();
   return (
-    <fieldset className="usa-fieldset">
-      <legend className="usa-legend usa-legend--large">Mailing address</legend>
+    <fieldset className="usa-fieldset width-full">
+      <legend className="usa-legend font-body-5 text-uppercase line-height-body-4">Mailing address</legend>
       <label
         className={classNames('usa-label', {
           'usa-label--error': props.childProps.streetAddress.error,
diff --git a/packages/design/src/Form/components/Fieldset/Fieldset.stories.tsx b/packages/design/src/Form/components/Fieldset/Fieldset.stories.tsx
index 9e435e3f..6a5cd8be 100644
--- a/packages/design/src/Form/components/Fieldset/Fieldset.stories.tsx
+++ b/packages/design/src/Form/components/Fieldset/Fieldset.stories.tsx
@@ -8,17 +8,9 @@ export default {
   tags: ['autodocs'],
 } satisfies Meta<typeof Fieldset>;
 
-export const FieldsetSection1 = {
+export const FieldsetSection = {
   args: {
-    legend: 'Section 1',
-    type: 'fieldset',
-    _patternId: 'test-id',
-  },
-} satisfies StoryObj<typeof Fieldset>;
-
-export const FieldsetSection2 = {
-  args: {
-    legend: 'Section 2',
+    legend: 'Default Heading',
     type: 'fieldset',
     _patternId: 'test-id',
   },
diff --git a/packages/design/src/Form/components/Fieldset/index.tsx b/packages/design/src/Form/components/Fieldset/index.tsx
index 5a622daa..ee7bba6c 100644
--- a/packages/design/src/Form/components/Fieldset/index.tsx
+++ b/packages/design/src/Form/components/Fieldset/index.tsx
@@ -6,9 +6,12 @@ import { type PatternComponent } from '../../../Form';
 
 const Fieldset: PatternComponent<FieldsetProps> = props => {
   return (
-    <fieldset className="usa-fieldset margin-top-4">
-      <legend className="usa-legend">{props.legend}</legend>
-      {props.children}
+    <fieldset className="usa-fieldset width-full margin-top-4">
+      {props.legend !== '' && props.legend !== undefined && (
+        <legend className="usa-legend font-body-5 text-uppercase line-height-body-4 margin-top-2 margin-bottom-1">{props.legend}</legend>
+      )}
+
+      {props.children}     
     </fieldset>
   );
 };
diff --git a/packages/design/src/Form/components/additional-fields.tsx b/packages/design/src/Form/components/additional-fields.tsx
index 1e7b7b0e..0561f971 100644
--- a/packages/design/src/Form/components/additional-fields.tsx
+++ b/packages/design/src/Form/components/additional-fields.tsx
@@ -106,8 +106,8 @@ export const SelectField = ({ field }: { field: Field }) => {
 
 export const RadioField = ({ field }: { field: Field }) => {
   return (
-    <fieldset className="usa-fieldset">
-      <legend className="usa-legend">{field.label}</legend>
+    <fieldset className="usa-fieldset width-full">
+      <legend className="usa-legend font-body-5 text-uppercase line-height-body-4">{field.label}</legend>
       {field.options?.map((option, index) => (
         <div key={index} className="usa-radio">
           <input
diff --git a/packages/design/src/Form/index.tsx b/packages/design/src/Form/index.tsx
index 6efa6711..6543b3bb 100644
--- a/packages/design/src/Form/index.tsx
+++ b/packages/design/src/Form/index.tsx
@@ -138,7 +138,7 @@ export default function Form({
               </ul>
             </nav>
           )}
-          <div className="grid-col-9 usa-prose">
+          <div className="desktop:grid-col-9 mobile:grid-col-12 usa-prose">
             {!isPreview ? (
               <form
                 className="usa-form usa-form--large margin-bottom-3"
@@ -176,14 +176,14 @@ const FormContents = ({
   return (
     <>
       {false && (
-        <fieldset className="usa-fieldset">
+        <fieldset className="usa-fieldset width-full">
           <legend className="usa-legend usa-legend--large">
             Request to Change Name
           </legend>
           <div className="usa-form-group">
             <div className="usa-form-group">
-              <fieldset className="usa-fieldset">
-                <legend className="usa-legend usa-legend--large">
+              <fieldset className="usa-fieldset width-full">
+                <legend className="usa-legend font-body-5 text-uppercase line-height-body-4">
                   County where you live
                 </legend>
                 <label className="usa-label">Name of your county *</label>
@@ -201,8 +201,8 @@ const FormContents = ({
 
           <div className="usa-form-group">
             <div className="usa-form-group">
-              <fieldset className="usa-fieldset">
-                <legend className="usa-legend usa-legend--large">
+              <fieldset className="usa-fieldset width-full">
+                <legend className="usa-legend font-body-5 text-uppercase line-height-body-4">
                   Your current name
                 </legend>
                 <label className="usa-label">First name *</label>
@@ -233,7 +233,7 @@ const FormContents = ({
                   value=""
                 />
               </fieldset>
-              <fieldset className="usa-fieldset">
+              <fieldset className="usa-fieldset width-full">
                 <p>
                   To ask the court to change your name, you must fill out this
                   form, and:
@@ -254,7 +254,7 @@ const FormContents = ({
         </fieldset>
       )}
 
-      <fieldset className="usa-fieldset">
+      <fieldset className="usa-fieldset width-full">
         {prompt.components.map((component, index) => {
           return (
             <PromptComponent
diff --git a/packages/design/src/FormManager/FormEdit/AddPatternDropdown.tsx b/packages/design/src/FormManager/FormEdit/AddPatternDropdown.tsx
index eb9392c5..9031604a 100644
--- a/packages/design/src/FormManager/FormEdit/AddPatternDropdown.tsx
+++ b/packages/design/src/FormManager/FormEdit/AddPatternDropdown.tsx
@@ -8,8 +8,8 @@ export const AddPatternDropdown = () => {
   }));
 
   return (
-    <fieldset>
-      <label className="usa-label">
+    <fieldset className="padding-205 desktop:grid-col-9 mobile:grid-col-12">
+      <label className="usa-label margin-top-0">
         Add a pattern
         <select
           className="usa-select"
@@ -18,7 +18,7 @@ export const AddPatternDropdown = () => {
             event.target.selectedIndex = 0;
           }}
         >
-          <option></option>
+          <option>-- Select a pattern --</option>
           {store.availablePatterns.map((pattern, index) => (
             <option key={index} value={pattern.patternType}>
               {pattern.displayName}
diff --git a/packages/design/src/FormManager/FormEdit/components/FieldsetEdit.tsx b/packages/design/src/FormManager/FormEdit/components/FieldsetEdit.tsx
index 1109ea7a..4a651f13 100644
--- a/packages/design/src/FormManager/FormEdit/components/FieldsetEdit.tsx
+++ b/packages/design/src/FormManager/FormEdit/components/FieldsetEdit.tsx
@@ -7,7 +7,10 @@ import { useFormManagerStore } from '../../store';
 import { PatternEditComponent } from '../types';
 
 import { PatternEditActions } from './common/PatternEditActions';
-import { PatternEditForm } from './common/PatternEditForm';
+import {
+  PatternEditForm,
+  usePatternEditFormContext,
+} from './common/PatternEditForm';
 
 const FieldsetEdit: PatternEditComponent<FieldsetProps> = props => {
   const isSelected = useFormManagerStore(
@@ -35,22 +38,47 @@ const FieldsetPreview = (props: FieldsetProps) => {
   );
   return (
     <>
-      {pattern.data.patterns.length === 0 && <em>[Empty fieldset]</em>}
-      <Fieldset {...(props as FieldsetProps)} />
+      <Fieldset {...(props as FieldsetProps)}>
+        {pattern && pattern.data.patterns.length === 0 &&
+          <div className="usa-alert usa-alert--warning usa-alert--no-icon margin-bottom-3">
+            <div className="usa-alert__body">
+              <p className="usa-alert__text">
+                <span className="alert-text display-inline-block text-top margin-right-2">Empty sections will not display.</span>
+                <span className="action-text add-question display-inline-block margin-right-2">
+                  <a className="usa-link" href="#">Add question</a>
+                </span>
+                <span className="action-text remove-section display-inline-block text-top margin-right-2">
+                  <a className="usa-link" href="#">Remove section</a>
+                </span>
+              </p>
+            </div>
+          </div>
+        }
+      </Fieldset>
+
     </>
   );
 };
 
 const EditComponent = ({ patternId }: { patternId: PatternId }) => {
-  const pattern = useFormManagerStore(state => state.form.patterns[patternId]);
-  //const { register } = usePatternEditFormContext();
+  const { register } = usePatternEditFormContext();
   return (
-    <div>
-      Fieldset settings go here. {JSON.stringify(pattern)}
+
+    <div className="grid-row edit-component-panel">
+      <div className="grid-col-12 margin-bottom-3 flex-align-self-end">
+        <label className="usa-label width-full maxw-full">
+          Legend Text Element
+          <input
+            className="usa-input bg-primary-lighter text-bold"
+            {...register(`${patternId}.data.legend`)}
+            type="text"
+          ></input>
+        </label>
+      </div>
       <Fieldset type="fieldset" _patternId={patternId} />
       <PatternEditActions />
     </div>
   );
 };
 
-export default FieldsetEdit;
+export default FieldsetEdit;
\ No newline at end of file
diff --git a/packages/design/src/FormManager/FormEdit/components/FormSummaryEdit.tsx b/packages/design/src/FormManager/FormEdit/components/FormSummaryEdit.tsx
index 66be73bb..1f0d2c99 100644
--- a/packages/design/src/FormManager/FormEdit/components/FormSummaryEdit.tsx
+++ b/packages/design/src/FormManager/FormEdit/components/FormSummaryEdit.tsx
@@ -34,22 +34,22 @@ const FormSummaryEdit: PatternEditComponent<FormSummaryProps> = props => {
 const EditComponent = ({ patternId }: { patternId: PatternId }) => {
   const { register } = usePatternEditFormContext();
   return (
-    <div className="grid-row grid-gap">
-      <div className="grid-col grid-col-4">
+    <div className="grid-row grid-gap-1 edit-component-panel">
+      <div className="desktop:grid-col-4 mobile:grid-col-12">
         <label className="usa-label">
           Title
           <input
-            className="usa-input"
+            className="usa-input bg-primary-lighter text-bold"
             {...register(`${patternId}.data.title`)}
             type="text"
           ></input>
         </label>
       </div>
-      <div className="grid-col grid-col-2">
+      <div className="desktop:grid-col-2 mobile:grid-col-12">
         <label className="usa-label">
           Description
           <textarea
-            className="usa-textarea"
+            className="usa-textarea bg-primary-lighter text-bold"
             {...register(`${patternId}.data.description`)}
           ></textarea>
         </label>
diff --git a/packages/design/src/FormManager/FormEdit/components/InputPatternEdit.tsx b/packages/design/src/FormManager/FormEdit/components/InputPatternEdit.tsx
index 14e6837e..f8b7a11a 100644
--- a/packages/design/src/FormManager/FormEdit/components/InputPatternEdit.tsx
+++ b/packages/design/src/FormManager/FormEdit/components/InputPatternEdit.tsx
@@ -37,13 +37,13 @@ const EditComponent = ({ patternId }: { patternId: PatternId }) => {
 
   const methods = usePatternEditFormContext();
   return (
-    <div className="grid-row grid-gap">
+    <div className="grid-row grid-gap-1 edit-component-panel">
       <div className="tablet:grid-col-6 mobile-lg:grid-col-12">
         <label className="usa-label" htmlFor={`${pattern.id}.data.label`}>
           Field label
         </label>
         <input
-          className="usa-input"
+          className="usa-input bg-primary-lighter text-bold"
           id={`${pattern.id}.data.label`}
           defaultValue={`${pattern.id}`}
           {...methods.register(`${pattern.id}.data.label`)}
@@ -55,7 +55,7 @@ const EditComponent = ({ patternId }: { patternId: PatternId }) => {
           Default field value
         </label>
         <input
-          className="usa-input"
+          className="usa-input bg-primary-lighter text-bold"
           id={`${pattern.id}.data.default`}
           type="text"
           {...methods.register(`${pattern.id}.data.default`)}
@@ -66,7 +66,7 @@ const EditComponent = ({ patternId }: { patternId: PatternId }) => {
           Maximum length
         </label>
         <input
-          className="usa-input"
+          className="usa-input bg-primary-lighter text-bold"
           id={`${pattern.id}.data.maxLength`}
           type="text"
           {...methods.register(`${pattern.id}.data.maxLength`)}
@@ -77,7 +77,7 @@ const EditComponent = ({ patternId }: { patternId: PatternId }) => {
           Field type
         </label>
         <select
-          className="usa-select"
+          className="usa-select bg-primary-lighter text-bold"
           {...methods.register(`${pattern.id}.type`)}
           id={`${pattern.id}.type`}
         >
@@ -89,7 +89,7 @@ const EditComponent = ({ patternId }: { patternId: PatternId }) => {
           <span className="usa-checkbox">
             <input
               style={{ display: 'inline-block' }}
-              className="usa-checkbox__input"
+              className="usa-checkbox__input bg-primary-lighter"
               type="checkbox"
               id={`${pattern.id}.data.required`}
               {...methods.register(`${pattern.id}.data.required`)}
diff --git a/packages/design/src/FormManager/FormEdit/components/ParagraphPatternEdit.tsx b/packages/design/src/FormManager/FormEdit/components/ParagraphPatternEdit.tsx
index 43b3bd77..968349a3 100644
--- a/packages/design/src/FormManager/FormEdit/components/ParagraphPatternEdit.tsx
+++ b/packages/design/src/FormManager/FormEdit/components/ParagraphPatternEdit.tsx
@@ -35,21 +35,21 @@ const ParagraphPatternEdit: PatternEditComponent<ParagraphProps> = props => {
 const EditComponent = ({ patternId }: { patternId: PatternId }) => {
   const { register } = usePatternEditFormContext();
   return (
-    <div className="grid-row grid-gap">
-      <div className="grid-col grid-col-10 flex-align-self-end">
+    <div className="grid-row grid-gap-1 edit-component-panel">
+      <div className="desktop:grid-col-9 mobile:grid-col-12 flex-align-self-end">
         <label className="usa-label">
           Text Element
           <input
-            className="usa-input"
+            className="usa-input bg-primary-lighter text-bold"
             {...register(`${patternId}.data.text`)}
             type="text"
           ></input>
         </label>
       </div>
-      <div className="grid-col grid-col-2 flex-align-self-end">
+      <div className="desktop:grid-col-3 mobile:grid-col-12 flex-align-self-end">
         <label className="usa-label">
-          <p className="usa-hint font-ui-3xs">Style</p>
-          <select className="usa-select" {...register(`${patternId}.type`)}>
+          <p className="usa-hint">Style</p>
+          <select className="usa-select bg-primary-lighter text-bold" {...register(`${patternId}.type`)}>
             <option value={'paragraph'}>Question</option> {/* this is a stub */}
             <option value={'paragraph'}>Title</option> {/* this is a stub */}
             <option value={'paragraph'}>Instructions</option>{' '}
diff --git a/packages/design/src/FormManager/FormEdit/components/PreviewSequencePattern/DraggableList.tsx b/packages/design/src/FormManager/FormEdit/components/PreviewSequencePattern/DraggableList.tsx
index b9e695a5..ee11ff98 100644
--- a/packages/design/src/FormManager/FormEdit/components/PreviewSequencePattern/DraggableList.tsx
+++ b/packages/design/src/FormManager/FormEdit/components/PreviewSequencePattern/DraggableList.tsx
@@ -78,18 +78,18 @@ const SortableItem = ({
 
   return (
     <div
+      className="draggable-list-item-wrapper"
       ref={setNodeRef}
       style={{
         transform: CSS.Transform.toString(transform),
         transition,
       }}
     >
-      <div className="grid-row grid-gap">
+      <div className="grid-row grid-gap draggable-list-item cursor-pointer">
         <div
-          className="grid-col-12 grid-col width-full"
+          className="grid-col-12 width-full draggable-list-button cursor-grab margin-top-2 margin-bottom-2"
           {...listeners}
           {...attributes}
-          style={{ cursor: 'grab' }}
         >
           <svg
             className="usa-icon margin-x-auto display-block"
diff --git a/packages/design/src/FormManager/FormEdit/components/SubmissionConfirmationEdit.tsx b/packages/design/src/FormManager/FormEdit/components/SubmissionConfirmationEdit.tsx
index 2865e07d..44199ef4 100644
--- a/packages/design/src/FormManager/FormEdit/components/SubmissionConfirmationEdit.tsx
+++ b/packages/design/src/FormManager/FormEdit/components/SubmissionConfirmationEdit.tsx
@@ -36,49 +36,49 @@ const SubmissionConfirmationEdit: PatternEditComponent<
 const EditComponent = ({ patternId }: { patternId: PatternId }) => {
   const { register } = usePatternEditFormContext();
   return (
-    <div className="grid-row grid-gap">
-      <div className="grid-col grid-col-4">
+    <div className="grid-row grid-gap-1 edit-component-panel">
+      <div className="desktop:grid-col-4 mobile:grid-col-12">
         <label className="usa-label">
           Field label
           <input
-            className="usa-input"
+            className="usa-input bg-primary-lighter text-bold"
             {...register(`${patternId}.data.text`)}
             type="text"
           ></input>
         </label>
       </div>
-      <div className="grid-col grid-col-2">
+      <div className="desktop:grid-col-2 mobile:grid-col-12">
         <label className="usa-label">
           Default field value
           <input
-            className="usa-input"
+            className="usa-input bg-primary-lighter text-bold"
             type="text"
             {...register(`${patternId}.data.initial`)}
           ></input>
         </label>
       </div>
-      <div className="grid-col grid-col-2">
+      <div className="desktop:grid-col-2 mobile:grid-col-12">
         <label className="usa-label">
           Maximum length
           <input
-            className="usa-input"
+            className="usa-input bg-primary-lighter text-bold"
             type="text"
             {...register(`${patternId}.data.maxLength`)}
           ></input>
         </label>
       </div>
-      <div className="grid-col grid-col-2">
+      <div className="desktop:grid-col-2 mobile:grid-col-12">
         <label className="usa-label">
           Field type
-          <select className="usa-select" {...register(`${patternId}.type`)}>
+          <select className="usa-select bg-primary-lighter text-bold" {...register(`${patternId}.type`)}>
             <option value={'input'}>Input</option>
           </select>
         </label>
       </div>
-      <div className="grid-col grid-col-2">
+      <div className="desktop:grid-col-2 mobile:grid-col-12">
         <div className="usa-checkbox">
           <input
-            className="usa-checkbox__input"
+            className="usa-checkbox__input bg-primary-lighter"
             type="checkbox"
             id={`${patternId}.required`}
             {...register(`${patternId}.data.required`)}
diff --git a/packages/design/src/FormManager/FormEdit/components/common/PatternEditActions.tsx b/packages/design/src/FormManager/FormEdit/components/common/PatternEditActions.tsx
index 43ed4b4a..e7379fa0 100644
--- a/packages/design/src/FormManager/FormEdit/components/common/PatternEditActions.tsx
+++ b/packages/design/src/FormManager/FormEdit/components/common/PatternEditActions.tsx
@@ -16,9 +16,9 @@ export const PatternEditActions = ({ children }: PatternEditActionsProps) => {
 
   return (
     <>
-      <div className="border-top-1px border-base-lighter padding-top-1 margin-top-1">
+      <div className="border-top-1px border-base-lighter margin-top-2 margin-bottom-2 padding-top-1 width-full text-right pattern-edit-panel base-dark">
         <span
-          className={classNames('display-inline', {
+          className={classNames('display-inline-block', {
             'border-base-lighter': children,
             'padding-right-1': children,
             'margin-right-1': children,
@@ -26,12 +26,12 @@ export const PatternEditActions = ({ children }: PatternEditActionsProps) => {
         >
           <button
             type="button"
-            aria-label="Delete this pattern"
-            title="Delete this pattern"
+            aria-label="Create a copy of this pattern"
+            title="Create a copy of this pattern"
             className="usa-button--outline usa-button--unstyled"
             onClick={event => {
               event.preventDefault();
-              deleteSelectedPattern();
+              alert('Unimplemented');
             }}
           >
             <svg
@@ -41,18 +41,19 @@ export const PatternEditActions = ({ children }: PatternEditActionsProps) => {
               role="img"
             >
               <use
-                xlinkHref={`${context.uswdsRoot}img/sprite.svg#delete`}
+                xlinkHref={`${context.uswdsRoot}img/sprite.svg#content_copy`}
               ></use>
             </svg>
           </button>
+
           <button
             type="button"
-            aria-label="Create a copy of this pattern"
-            title="Create a copy of this pattern"
+            aria-label="Delete this pattern"
+            title="Delete this pattern"
             className="usa-button--outline usa-button--unstyled"
             onClick={event => {
               event.preventDefault();
-              alert('Unimplemented');
+              deleteSelectedPattern();
             }}
           >
             <svg
@@ -62,10 +63,11 @@ export const PatternEditActions = ({ children }: PatternEditActionsProps) => {
               role="img"
             >
               <use
-                xlinkHref={`${context.uswdsRoot}img/sprite.svg#content_copy`}
+                xlinkHref={`${context.uswdsRoot}img/sprite.svg#delete`}
               ></use>
             </svg>
           </button>
+
           {children ? (
             <span className="margin-left-1 padding-left-2 border-left-1px border-base-lighter">
               {children}
diff --git a/packages/design/src/FormManager/FormEdit/index.tsx b/packages/design/src/FormManager/FormEdit/index.tsx
index 4513c5d4..bfeebb7f 100644
--- a/packages/design/src/FormManager/FormEdit/index.tsx
+++ b/packages/design/src/FormManager/FormEdit/index.tsx
@@ -32,7 +32,7 @@ const EditForm = ({ saveForm }: { saveForm: (form: Blueprint) => void }) => {
   }, [form]);
 
   return (
-    <div className="position-relative">
+    <div className="position-relative edit-form-content-wrapper">
       <div className="grid-row">
         <div className="grid-col-12">
           <AddPatternDropdown />
diff --git a/packages/forms/src/patterns/fieldset.ts b/packages/forms/src/patterns/fieldset.ts
index a199bab5..b4c87538 100644
--- a/packages/forms/src/patterns/fieldset.ts
+++ b/packages/forms/src/patterns/fieldset.ts
@@ -22,6 +22,7 @@ const configSchema = z.object({
 export const fieldsetConfig: PatternConfig<FieldsetPattern> = {
   displayName: 'Fieldset',
   initial: {
+    legend: "Default Heading",
     patterns: [],
   },
   parseConfigData: obj => safeZodParse(configSchema, obj),