diff --git a/src/backend/integrations/builtin/obs/effects/set-obs-browser-source-url.ts b/src/backend/integrations/builtin/obs/effects/set-obs-browser-source-url.ts
index 8a4954feb..1e33ecce1 100644
--- a/src/backend/integrations/builtin/obs/effects/set-obs-browser-source-url.ts
+++ b/src/backend/integrations/builtin/obs/effects/set-obs-browser-source-url.ts
@@ -32,7 +32,7 @@ export const SetOBSBrowserSourceUrlEffectType: EffectType<{
             No sources found. {{ isObsConfigured ? "Is OBS running?" : "Have you configured the OBS integration?" }}
         </div>
     </eos-container>
-    <eos-container ng-if="browserSources != null && effect.browserSourceName != null" header="URL" style="margin-top: 10px;">
+    <eos-container ng-if="browserSources != null && effect.browserSourceName != null" header="URL" style="margin-top: 10px;" pad-top="true">
         <firebot-input model="effect.url"></firebot-input>
     </eos-container>
   `,
diff --git a/src/backend/integrations/builtin/obs/effects/set-obs-color-source-color.ts b/src/backend/integrations/builtin/obs/effects/set-obs-color-source-color.ts
index d2e51a224..a53e4da01 100644
--- a/src/backend/integrations/builtin/obs/effects/set-obs-color-source-color.ts
+++ b/src/backend/integrations/builtin/obs/effects/set-obs-color-source-color.ts
@@ -34,7 +34,7 @@ export const SetOBSColorSourceColorEffectType: EffectType<{
         </div>
     </eos-container>
 
-    <eos-container ng-if="colorSources != null && effect.colorSourceName != null" header="Color" style="margin-top: 10px;">
+    <eos-container ng-if="colorSources != null && effect.colorSourceName != null" header="Color" style="margin-top: 10px;" pad-top="true">
         <firebot-input model="effect.color" placeholder-text="Format: #0066FF or #FF336699"></firebot-input>
     </eos-container>
   `,
diff --git a/src/backend/integrations/builtin/obs/effects/set-obs-image-source-file.ts b/src/backend/integrations/builtin/obs/effects/set-obs-image-source-file.ts
index 3ba0f30ec..d043fb766 100644
--- a/src/backend/integrations/builtin/obs/effects/set-obs-image-source-file.ts
+++ b/src/backend/integrations/builtin/obs/effects/set-obs-image-source-file.ts
@@ -33,7 +33,7 @@ export const SetOBSImageSourceFileEffectType: EffectType<{
         </div>
     </eos-container>
 
-    <eos-container ng-if="imageSources != null && effect.imageSourceName != null" header="File" style="margin-top: 10px;">
+    <eos-container ng-if="imageSources != null && effect.imageSourceName != null" header="File" style="margin-top: 10px;" pad-top="true">
         <file-chooser model="effect.file" options="{ filters: [ {name: 'OBS-Supported Image Files', extensions: ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'tga', 'jxr', 'psd', 'webp']}, {name: 'All Files', extensions: ['*']} ]}"></file-chooser>
     </eos-container>
   `,
diff --git a/src/backend/integrations/builtin/obs/effects/set-obs-media-source-file.ts b/src/backend/integrations/builtin/obs/effects/set-obs-media-source-file.ts
index 17646f46d..6dc4acfda 100644
--- a/src/backend/integrations/builtin/obs/effects/set-obs-media-source-file.ts
+++ b/src/backend/integrations/builtin/obs/effects/set-obs-media-source-file.ts
@@ -31,7 +31,7 @@ export const SetOBSMediaSourceFileEffectType: EffectType<{
         </div>
     </eos-container>
 
-    <eos-container ng-if="mediaSources != null && effect.mediaSourceName != null" header="File" style="margin-top: 10px;">
+    <eos-container ng-if="mediaSources != null && effect.mediaSourceName != null" header="File" style="margin-top: 10px;" pad-top="true">
         <file-chooser model="effect.file" options="{ filters: [ {name: 'OBS-Supported Video Files', extensions: ['mp4', 'm4v', 'ts', 'mov', 'mxf', 'flv', 'mkv', 'avi', 'gif', 'webm']}, {name: 'OBS-Supported Audio Files', extensions: ['mp3', 'aac', 'ogg', 'wav']}, {name: 'All Files', extensions: ['*']} ]}"></file-chooser>
     </eos-container>
   `,
diff --git a/src/backend/integrations/builtin/obs/effects/set-obs-source-text.ts b/src/backend/integrations/builtin/obs/effects/set-obs-source-text.ts
index 2704081d8..a35babf69 100644
--- a/src/backend/integrations/builtin/obs/effects/set-obs-source-text.ts
+++ b/src/backend/integrations/builtin/obs/effects/set-obs-source-text.ts
@@ -32,7 +32,7 @@ export const SetOBSSourceTextEffectType: EffectType<{
             No sources found. {{ isObsConfigured ? "Is OBS running?" : "Have you configured the OBS integration?" }}
         </div>
     </eos-container>
-    <eos-container ng-if="textSources != null && effect.textSourceName != null" header="Text" style="margin-top: 10px;">
+    <eos-container ng-if="textSources != null && effect.textSourceName != null" header="Text" style="margin-top: 10px;" pad-top="true">
         <label class="control-fb control--checkbox">Use file as text source
             <input type="checkbox" ng-click="toggleSource()" ng-checked="effect.textSource === 'file'"  aria-label="..." >
             <div class="control__indicator"></div>