diff --git a/packages/api-generator/src/locale/en/VFab.json b/packages/api-generator/src/locale/en/VFab.json
index d40545ee82b..e62d1349ff4 100644
--- a/packages/api-generator/src/locale/en/VFab.json
+++ b/packages/api-generator/src/locale/en/VFab.json
@@ -1,6 +1,7 @@
 {
   "props": {
     "app": "If true, attaches to the closest layout and positions according to the value of **location**.",
+    "layout": "If true, will effect layout dimensions based on size and position.",
     "appear": "Used to control the animation of the FAB.",
     "extended": "An alternate style for the FAB that expects text.",
     "location": "The location of the fab relative to the layout. Only works when using **app**.",
diff --git a/packages/vuetify/src/labs/VFab/VFab.tsx b/packages/vuetify/src/labs/VFab/VFab.tsx
index dd2f84ae57a..d5678b2abde 100644
--- a/packages/vuetify/src/labs/VFab/VFab.tsx
+++ b/packages/vuetify/src/labs/VFab/VFab.tsx
@@ -25,6 +25,7 @@ export const makeVFabProps = propsFactory({
   app: Boolean,
   appear: Boolean,
   extended: Boolean,
+  layout: Boolean,
   location: {
     type: String as PropType<typeof locations[number]>,
     default: 'bottom end',
@@ -78,8 +79,8 @@ export const VFab = genericComponent()({
         id: props.name,
         order: computed(() => parseInt(props.order, 10)),
         position,
-        layoutSize: height,
-        elementSize: computed(() => height.value + 32),
+        layoutSize: computed(() => props.layout ? height.value + 24 : 0),
+        elementSize: computed(() => height.value),
         active: computed(() => props.app && model.value),
         absolute: toRef(props, 'absolute'),
       })