diff --git a/src/lib/components/ui/Modal/Modal.jsx b/src/lib/components/ui/Modal/Modal.jsx
index 500c948c9..bb2219062 100644
--- a/src/lib/components/ui/Modal/Modal.jsx
+++ b/src/lib/components/ui/Modal/Modal.jsx
@@ -179,35 +179,37 @@ class Modal extends React.Component {
             )}
           </div>
           {modalBody()}
-          <div className={styles.footer}>
-            <Toolbar justify="center" dense>
-              {actions.map((action) => (
-                <ToolbarItem key={action.label}>
-                  <Button
-                    {...transferProps(action)}
-                    clickHandler={action.clickHandler}
-                    disabled={action.disabled}
-                    id={action.id || undefined}
-                    label={action.label}
-                    loadingIcon={action.loadingIcon}
-                    ref={this.submitButtonRef}
-                    type="button"
-                    variant={action.variant}
-                  />
-                </ToolbarItem>
-              ))}
-              {closeHandler && (
-                <ToolbarItem>
-                  <Button
-                    clickHandler={closeHandler}
-                    label={translations.close}
-                    priority="flat"
-                    {...(id && { id: `${id}__closeModalFooterButton` })}
-                  />
-                </ToolbarItem>
-              )}
-            </Toolbar>
-          </div>
+          {(actions.length || closeHandler) && (
+            <div className={styles.footer}>
+              <Toolbar justify="center" dense>
+                {actions.map((action) => (
+                  <ToolbarItem key={action.label}>
+                    <Button
+                      {...transferProps(action)}
+                      clickHandler={action.clickHandler}
+                      disabled={action.disabled}
+                      id={action.id || undefined}
+                      label={action.label}
+                      loadingIcon={action.loadingIcon}
+                      ref={this.submitButtonRef}
+                      type="button"
+                      variant={action.variant}
+                    />
+                  </ToolbarItem>
+                ))}
+                {closeHandler && (
+                  <ToolbarItem>
+                    <Button
+                      clickHandler={closeHandler}
+                      label={translations.close}
+                      priority="flat"
+                      {...(id && { id: `${id}__closeModalFooterButton` })}
+                    />
+                  </ToolbarItem>
+                )}
+              </Toolbar>
+            </div>
+          )}
         </div>
       </div>
     );
diff --git a/src/lib/components/ui/Modal/__tests__/__snapshots__/Modal.test.jsx.snap b/src/lib/components/ui/Modal/__tests__/__snapshots__/Modal.test.jsx.snap
index f146fcb54..d7f0e319d 100644
--- a/src/lib/components/ui/Modal/__tests__/__snapshots__/Modal.test.jsx.snap
+++ b/src/lib/components/ui/Modal/__tests__/__snapshots__/Modal.test.jsx.snap
@@ -823,20 +823,6 @@ exports[`rendering renders correctly with mandatory props only 1`] = `
             </ScrollView>
           </WithTranslationContextComponent>
         </div>
-        <div
-          className="footer"
-        >
-          <Toolbar
-            align="top"
-            dense={true}
-            justify="center"
-            nowrap={false}
-          >
-            <div
-              className="toolbar isDense  isAlignedToTop isJustifiedToCenter"
-            />
-          </Toolbar>
-        </div>
       </div>
     </div>
   </Modal>
@@ -923,13 +909,6 @@ exports[`rendering renders correctly with portal id 1`] = `
                   />
                 </div>
               </div>
-              <div
-                class="footer"
-              >
-                <div
-                  class="toolbar isDense  isAlignedToTop isJustifiedToCenter"
-                />
-              </div>
             </div>
           </div>
         </div>
@@ -1041,20 +1020,6 @@ exports[`rendering renders correctly with portal id 1`] = `
               </ScrollView>
             </WithTranslationContextComponent>
           </div>
-          <div
-            className="footer"
-          >
-            <Toolbar
-              align="top"
-              dense={true}
-              justify="center"
-              nowrap={false}
-            >
-              <div
-                className="toolbar isDense  isAlignedToTop isJustifiedToCenter"
-              />
-            </Toolbar>
-          </div>
         </div>
       </div>
     </Portal>